用javascript写的加法运算的两种方法

最新推荐文章于 2021-03-27 18:16:48 发布
转载 最新推荐文章于 2021-03-27 18:16:48 发布 · 1.2w 阅读 · 3

本文介绍了一个简单的HTML页面如何使用内嵌JavaScript实现基本的数值计算功能。通过两个输入框接收用户输入的数字，并利用按钮触发计算过程，最终在另一个输入框中显示计算结果。示例还展示了如何进行基本的数据类型检查，确保输入的是有效的数字。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">   
  2. <html>   
  3.   <head>   
  4.     <title>Demo01.html</title>   
  5.        
  6.     <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">   
  7.     <meta http-equiv="description" content="this is my page">   
  8.     <meta http-equiv="content-type" content="text/html; charset=UTF-8">   
  9.        
  10.     <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->   
  11.     <script type="text/javascript" src="./js/Demo01.js">   
  12.     </script>   
  13.     <script type="text/javascript">   
  14.     //第一种方法   
  15.     function sum(oper){   
  16.         var num1=document.getElementById("num1").value;   
  17.         var num2=document.getElementById("num2").value;   
  18.         var num3=eval(num1+oper+num2);   
  19.         document.getElementById("num3").value=num3;   
  20.            
  21.            
  22.     }   
  23.     //第二种方法   
  24.     function sum1(){   
  25.         var num1=document.getElementById("num1").value;   
  26.         var num2=document.getElementById("num2").value;   
  27.         if(isNaN(num1)){   
  28.             alert("第一个输入框的格式不对，应该输入非字符类型的数");   
  29.         }else{   
  30.             if(isNaN(num2)){   
  31.                 alert("第二个输入框的格式不对，应该输入非字符类型的数");   
  32.             }else{   
  33.                 var num11=parseInt(num1);   
  34.                 var num22=parseInt(num2);   
  35.                 var num3=num11+num22;   
  36.                 document.getElementById("num3").value=num3;   
  37.             }   
  38.         }   
  39.            
  40.     }   
  41.     </script>   
  42.   </head>   
  43.      
  44.   <body>   
  45.   <input type="text" name="num1" id="num1">-<input type="text" name="num2" id="num2">   
  46. <input type="button" value="=" onclick="sum('-')"> <!-- 第一种方法 -->   
  47.    <!--  <input type="button" value="=" onclick="sum1()">--><!-- 第二种方法 -->   
  48.   <input type="text" name="num3" id="num3">   
  49.      
  50.   </body>   
  51. </html>   
js代码-js加法运算
07-16
js代码-js加法运算
javascript不同类型数据之间的运算的转换方法
10-26
- 在进行加法运算时，JavaScript 会将所有操作数转换为 Number 类型，然后再执行加法。如 `1 + 2 + '3'` 实际上先计算 `1 + 2` 得到 `3`，然后再与 `'3'` 进行字符串连接，结果是 `'33'`。 了解这些规则后，我们...
js 加法运算
twoDragonDog的博客
10-22 1004
js 中 “+” 和“-” 当作一元操作符和二元操作符的作用是不同的 一元操作符 “+” 当作作用是尝试转换成number类型 +1 // 1 +'1' // 1 +true // 1 +null // 0 +'a' // NaN +{ valueOf: () => 1 } // 1 ...
js加法、减法、乘法、除法函数（推荐）财务计算用
iteye_1234的博客
08-20 843
[code="js"]财务计算用到js汇总，需要+-*/ 所以找的几个js函数非常有用。特此供出众乐乐。 //js 加法计算 //调用：accAdd(arg1,arg2) //返回值：arg1加arg2的精确结果 function accAdd(arg1,arg2){ var r1,r2,m; try{r1=arg1.toString()...
js 对小数加法精度处理
lichangpeng1988的专栏
12-26 1035
zf = accAdd(zf, parseFloat("12.11"));  //加法函数，用来得到精确的加法结果  //说明：javascript的加法结果会有误差，在两个浮点数相加的时候会比较明显。这个函数返回较为精确的加法结果。  //调用：accAdd(arg1,arg2)  //返回值：arg1加上arg2的精确结果  function accAdd(arg1,arg2
细述Javascript的加法运算符的具体使用
10-16
加法运算符“+”的使用分为两种基本形式： 1. 数字算术相加：当两个操作数都是数字时，加号“+”表示求和运算，例如： ```javascript var result = 10 + 5; // 结果为15 ``` 2. 字符串连接：当至少有一个操作数是...
JavaScript浮点数及运算精度调整详解
10-21
这种方法能够减少直接使用JavaScript加法运算符带来的误差。 需要注意的是，虽然`toFixed()`方法可以解决精度问题，但返回的是字符串类型，如果后续运算中需要将这个结果转换为数字类型，使用`parseFloat()`函数...
javascript 四则运算精度修正函数代码
10-29
最后执行加法或减法运算，再除以原先确定的较大倍数以恢复原始的小数位数。 - 当 `op` 是乘法（'*'）时，函数计算出两个数值的小数位数之和，然后分别乘以这个和，进行四舍五入处理，最后执行乘法运算。 - 当 `op`...
JavaScript交换两个变量方法实例
10-15
以下是几种常见的JavaScript中交换两个变量值的方法，每种方法都有其独特之处和适用场景。 1. 使用临时变量来交换变量值 这是最传统也是最直观的方法。我们首先创建一个临时变量，然后利用它来暂存一个变量的值，再...
javascript实现一个数值加法函数
10-24
主要介绍了javascript实现一个数值加法函数，十分的简单实用，方便大家理解javascript，有需要的小伙伴可以参考下。
js随机数学加法计算答题代码
06-11
这是一款非常简单的js随机数学加法计算答题代码，加法算术题求和运算代码，把问题答案填到文本框中点击确定按钮进入下一题，自动判断答案对错。
我用html左的加法计算器
06-06
我用html左的加法计算器我用html左的加法计算器我用html左的加法计算器
html+js实现加减乘除运算
04-13
html+js实现加减乘除运算, blog: http://blog.youkuaiyun.com/zhulei632/article/details/23596299
js加法运算
weixin_43069201的博客
01-20 2037
1：首先JS是一种弱语言，但是同类型可以自己相加减 例如“a”+”b” 可以自动组成ab ； 1+ 2 自动变成3 var data = 2; var currentPage = data; //2 var previousPage = data -1; //1 var nextPage = data +1; //21 2：不同类型的...
JavaScript加法运算
申雨茜的博客
03-27 502
1.运算元其一为字符串 字符串的拼接运算 2.运算元其一为数字 将另一个运算元转为数字再进行计算,如果为复杂数据类型则转为字符串 3.一元运算符 强制转化为数字 + {a : 3} // NaN 4.运算元其一为复杂数据类型 加号前面为空{}，则浏览器以为他是空代码块，所以等价于一元运算符 如果加号前面是对象且不为空则报错，不期盼的标识符 其他情况 字符串进行拼接 对象转为字符串为：[object:object] 数组转为字符串为：相当于调用join(’,’)，例如：[1,2,3]
js中实现加法运算
热门推荐
树洞树洞-单纯记录
02-14 1万+
1：首先JS是一种弱语言，但是同类型可以自己相加减 例如“a”+”b” 可以自动组成ab ； 1+ 2 自动变成3 var data = 2; var currentPage = data; //2 var previousPage = data -1; //1 var nextPage = data +1; //21
js加法
qq970014558的专栏
05-18 617
在循环中可以使用Number(i + 1)进行加法计算。
JavaScript高效处理小数运算误差的方法
本文档介绍了一种通用的方法来处理这种小数运算中的精度问题，主要针对加减乘除四种基本运算。 首先，代码展示了一个简单的HTML表单结构，其中包含两个输入框用于输入两个小数值（`a1`和`a2`），以及一个按钮，当...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值