您当前的位置:首页 > 网站建设 > javascript
| php | asp | css | H5 | javascript | Mysql | Dreamweaver | Delphi | 网站维护 | 帝国cms | React | 考试系统 | ajax |

用javascript实现简单计算器

51自学网 2022-05-02 21:34:38
  javascript

本文实例为大家分享了javascript实现简单计算器的具体代码,供大家参考,具体内容如下

设计一个简单的计算器

代码

 <body>  <a>第一个数</a>  <input type="test" id="inputId1" value="" /><br/>  <a>第二个数</a>  <input type="test" id="inputId2" value="" /><br/>  <button onclick="cal('+')">+</button>  <button onclick="cal('-')">-</button>  <button onclick="cal('*')">*</button>  <button onclick="cal('/')">/</button><br/>  <a>计算结果</a>  <input type="test" id="resultId" value="" />  <script type="text/javascript">   // function add() {   //  console.log('add');   //  var inputObj1 = document.getElementById('inputId1');   //  var inputObj2 = document.getElementById('inputId2');   //  var result = parseInt(inputObj1.value) + parseInt(inputObj2.value);   //  var resultObj = document.getElementById('result');   //  resultObj.value = result;   //  console.log(result);   // }   function cal(type) {    var inputObj1 = document.getElementById('inputId1');    var inputObj2 = document.getElementById('inputId2');    switch(type){     case '+':      var result = parseInt(inputObj1.value) + parseInt(inputObj2.value);      break;     case '-':      var result = parseInt(inputObj1.value) - parseInt(inputObj2.value);      break;     case '*':      var result = parseInt(inputObj1.value) * parseInt(inputObj2.value);      break;     case '/':      var result = parseInt(inputObj1.value) / parseInt(inputObj2.value);      break;    }    var resultObj = document.getElementById('resultId');    resultObj.value = result;   }     </script> </body></html>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持wanshiok.com。


jQuery实现动态添加标签事件
JavaScript数组合并案例讲解
51自学网,即我要自学网,自学EXCEL、自学PS、自学CAD、自学C语言、自学css3实例,是一个通过网络自主学习工作技能的自学平台,网友喜欢的软件自学网站。
京ICP备13026421号-1