[javascript] 编写一个计算器,实现加减法
时间:2019-10-20
本文章向大家介绍[javascript] 编写一个计算器,实现加减法,主要包括[javascript] 编写一个计算器,实现加减法使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
1、代码
1 <script>
2 function sum(){ //加法
3 var value1 = document.getElementById("num1").value;
4 var value2= document.getElementById("num2").value;
5 var result = parseInt(value1)+parseInt(value2);//转换为数字,再进行加法
6 document.getElementById("result1").value=result; // 把result作为result1这个方框ID的输出
7 }
8 </script>
9
10 <script>
11 function sub(){ //加法
12 var value3 = document.getElementById("num3").value;
13 var value4= document.getElementById("num4").value;
14 var result = parseInt(value3)-parseInt(value4); //转换为数字,再进行减法
15 document.getElementById("result2").value=result; //把result作为result2这个方框ID的输出
16 }
17 </script>
18
19 <table >
20 <tr>
21 <td width="100px" ><input type="number" id="num1" value="1" color="red"> </td>
22 <td width="40px">+</td>
23 <td width="100px" ><input type="number" id="num2" value="2"> </td>
24 <td width="70px">=</td>
25 <td width="100px" > <input type="number" id="result1" value=""></td>
26 <td width="70px"><input type="button" value="加法" onclick="sum()" ></td>
27 </tr>
28
29 <tr>
30 <td width="100px" ><input type="number" id="num3" value="1"> </td>
31 <td width="40px">-</td>
32 <td width="100px" ><input type="number" id="num4" value="2"> </td>
33 <td width="70px">=</td>
34 <td width="100px" > <input type="number" id="result2" value=""></td>
35 <td width="70px"><input type="button" value="减法" onclick="sub()" ></td>
36 </tr>
37 </table>
2、效果
原文地址:https://www.cnblogs.com/zf007/p/11707469.html
- Equation Group(方程式组织)
- Python中下划线---完全解读
- python常见模块之collections模块
- MYSQL之库操作
- 实战-如何获取安卓iOS上的微信聊天记录、通过Metasploit控制安卓
- lightswitch binding custom control
- 3339: Rmq Problem
- Codeforce GYM 100741 A. Queries
- UVA - 11178 Morley's Theorem
- PyMySQL模块的使用
- Python之进程
- Angularjs 通过asp.net web api认证登录
- P3391 【模板】文艺平衡树(Splay)
- 零基础入门小程序 &实战经验分享
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- 算法集锦(10)| 自动驾驶、机器人 | 物品图像动态检测算法实现
- Hystrix仪表盘
- Centos7 Nginx的SSL证书安装
- 算法集锦(11)| 自动驾驶 | 基于HOG和SVM的车辆识别算法
- 剑指offer(一):找出数组中重复的数字
- 剑指offer(二):不修改数组找出重复的数字
- 漫画:什么是树状数组?
- poiAndEasyExcel学习(五)
- 两分钟真能搞懂桶排序
- SpringMVC文件上传下载
- 学弟不懂原码反码补码,气的我给女朋友讲了一夜
- 使用 HanLP 统计二元语法中的频次
- 算法集锦(13)|自然语言处理| Python代码的语义搜索引擎创建
- 特征锦囊:彻底了解一下WOE和IV
- Nginx专辑|05 -如何使用Nginx配置正向代理