js编写简易的计算器
本文实例为大家分享了js编写简易计算器的具体代码，供大家参考，具体内容如下
使用绑定时间触发 加减乘除
加：
减：
乘：
除：
源代码：
<body> 第一个数：<input type='text' /><p></p> <div id='ss'> <button type='button' >+</button> <button type='button' >-</button> <button type='button' >*</button> <button type='button' >/</button> </div> <p></p> 第二个数：<input type='text' /><p></p> 计算结果：<input type='text' /> <script> var x1=document.getElementById('num1'); var x2=document.getElementById('num2'); var x3=document.getElementById('result'); addEventListener('click',function(event){ var obj = event.target; //指向事件源 var v=obj.innerHTML; //获取事件 if(isNaN(x1.value) || isNaN(x2.value)){ alert('不能为非数字！'); } if(v=='+'){ if(x1.value=='' || x2.value==''){alert(’输入框不能为空！’);} x3.value = parseFloat(x1.value) + parseFloat(x2.value); } if(v=='-'){ if(x1.value=='' || x2.value==''){alert(’输入框不能为空！’);} x3.value = parseFloat(x1.value) - parseFloat(x2.value); } if(v=='*'){ if(x1.value=='' || x2.value==''){alert(’输入框不能为空！’);} x3.value = parseFloat(x1.value) * parseFloat(x2.value); } if(v=='/'){ if(x1.value=='' || x2.value==''){alert(’输入框不能为空！’);} if(x2.value==0){alert('除数不能为0！')} x3.value = parseFloat(x1.value) / parseFloat(x2.value); } }) </script> </body>
更多计算器功能实现，请点击专题： 计算器功能汇总 进行学习
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持好吧啦网。
相关文章：
1. JavaScript实现多球运动效果2. IntelliJ IDEA设置背景图片的方法步骤3. Python基础之画图神器matplotlib4. IntelliJ IDEA设置编码格式的方法5. Python OpenCV去除字母后面的杂线操作6. Spring security 自定义过滤器实现Json参数传递并兼容表单参数(实例代码)7. JAMon(Java Application Monitor)備忘記8. Python 的 __str__ 和 __repr__ 方法对比9. IntelliJ IDEA设置默认浏览器的方法10. Python TestSuite生成测试报告过程解析
网公网安备