用javascript加减乘除

<!DOCTYPE html><html><head lang="en">    <meta charset="UTF-8">    <title></title>    <style>

</style></head><body><div>    <input type="text" size="10" id="num1" />    <select name="sel" id="sel">        <option>+</option>        <option>-</option>        <option>*</option>        <option>/</option>        <option>%</option>    </select>    <input type="text" size="10" id="num2" />    <button onclick="myadd()">=</button>    <input type="text" size="10" id="num3" readonly />    <div id="div11" style="color: red; font-size: 12px;" >

</div></div><script>    function myadd(){        var div11 = document.getElementById(‘div11‘);        var num1 = document.getElementById(‘num1‘);        var num2 = document.getElementById(‘num2‘);        var num3 = document.getElementById(‘num3‘);        var sel = document.getElementById(‘sel‘);

div11.innerHTML = "";        if(num1.value=="" || isNaN(num1.value) || num2.value=="" || isNaN(num2.value)){            div11.innerHTML = ‘输入的内容不是数字‘;        }else{            if(sel.value==‘+‘){                num3.value = (parseFloat(num1.value) + parseFloat(num2.value)).toFixed(2);            }else if(sel.value==‘-‘){                num3.value = (parseFloat(num1.value) - parseFloat(num2.value)).toFixed(2);            }else if(sel.value==‘*‘){                num3.value = (parseFloat(num1.value) * parseFloat(num2.value)).toFixed(2);            }else if(sel.value==‘/‘){                if(parseFloat(num2.value)==0){                    div11.innerHTML = ‘被除数不能为0‘;                }else{                    num3.value = (parseFloat(num1.value) / parseFloat(num2.value)).toFixed(2);                }            }else if(sel.value==‘%‘){                if(parseFloat(num2.value)==0){                    div11.innerHTML = ‘被除数不能为0‘;                }else{                    num3.value = (parseFloat(num1.value) % parseFloat(num2.value)).toFixed(2);                }            }        }    }</script></body></html>

时间： 2024-10-03 23:02:46

用javascript加减乘除的相关文章

解决javascript加减乘除及toFixed的误差问题

1 //用于替换原有的toFixed,解决精度误差问题 2 Number.prototype.myToFixed=function(s){ 3 if(s == null){s = 0;} 4 var value = Math.pow(10,s);//Math.pow(x,y)返回 x 的 y 次幂的值,即10的len次方的值 5 //javascript的加减乘除结果会有误差,使用自定义方法 6 var returnStr = Math.round(this.mul(value)).div(va

javascript解决小数的加减乘除精度丢失的方案

原因:js按照2进制来处理小数的加减乘除,在arg1的基础上将arg2的精度进行扩展或逆扩展匹配,所以会出现如下情况. javascript(js)的小数点加减乘除问题,是一个js的bug如0.3*1 = 0.2999999999等,下面列出可以完美求出相应精度的四种js算法 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 function acc

JavaScript 四则运算：加减乘除

这几天也在学习 javascript,前几日师傅给了一篇关于解析四则运算表达式和算法的文章,说四则运算很常用让我好好看看,再让编写代码看看最终结果. 首先我看了代码了解了两个关于算术或逻辑公式的表示法:中缀表示法以及逆波兰表示法,也学习了四则运算的实际转换过程(此定义在原文有详细解释). 原文:http://www.jb51.net/article/53537.htm 然后我看了作者写的代码,自己分析看明白后,再加了些代码.在这个过程中巩固学习了关于堆栈的知识以及栈(后进先出)和队列(先进先出)

利用JavaScript实现加减乘除运算

一.问题:利用JavaScript写一个加减乘除运算,输入两个数,判断下拉列框的运算符号,进行相应的运算二.首先,我利用JavaScript实现简单加法运算,代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="

javascript之加减乘除比较大小运算符实际应用小例

Javascript优化后的加减乘除（解决js浮点数计算bug）

说明众所周知,js在计算浮点数时候,结果可能会不准确.比如:(在chrome中的运算结果) 2.2 + 2.1 = 4.300000000000001 2.2 - 1.9 = 0.30000000000000027 2.2 * 2.2 = 4.840000000000001 2.1 / 0.3 = 7.000000000000001 网上流传的代码(有bug) 网上流传的优化后的代码如下(有问题的代码,请勿使用) function add(a, b) { var c, d, e; try {

JavaScript计算加减乘除

//加法函数 function jiafa(a,b){ var a=parseInt(document.getElementById("number1").value); //parseInt()把文本转为Int类型 var b=parseInt(document.getElementById("number2").value); var c=a+b; //减法.乘法.除法同理 document.getElementById("sum1").va

javascript 精确加减乘除

最近一个项目中要使用 JS 实现自动计算的功能,本以为只是实现简单的加.减.乘.除就可以了,于是三下五除二做完了. 正当我窃喜的时候,发现问题了... 进行一些浮点数运算时,计算结果都是让我大跌眼镜啊,那个值让我哭笑不得,一长串的值,太牛了... 我那个纳闷啊!!不过还好牛人多,给了我一解决方案,嘿嘿...问题基本上解决了,为了表示感觉,我决定把代码贴出来,大家共享一下,希望能给部分人一些帮助. Js代码 //加法函数 function accAdd(arg1, arg2) { var r1

JavaScript进阶（五）

有聚焦,肯定就有失焦.onblur事件与onfocus是相对事件,当光标离开当前获得聚焦对象的时候,触发onblur事件,同时执行被调用的程序.如下代码,网页中有用户和密码两个文本框.当前光标在用户文本框内时(即焦点在文本框),在光标离开该文本框后(即失焦时),触发onblur事件,并调用message()<!DOCTYPE HTML><head><meta http-equiv="Content-Type" content="text/html