JS制作一个简易计算器

最新推荐文章于 2022-04-18 00:05:01 发布

转载最新推荐文章于 2022-04-18 00:05:01 发布 · 1.4k 阅读

7 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/dongdong11019/blog/500775

文章标签：

#javascript #python #ViewUI

2019独角兽企业重金招聘Python工程师标准>>>

//javascript简易计算器

<!DOCTYPE html>
<html>
 <head>
  <title> 事件</title>  
  <script type="text/javascript">
   function count(){
       
    //获取第一个输入框的值
    var node1=document.getElementById('txt1').value;
     //alert(node1);
//获取第二个输入框的值
    var node2=document.getElementById('txt2').value;
    //alert(node2);
//获取选择框的值
    var node3=document.getElementById('select').value;
  
//获取通过下拉框来选择的值来改变加减乘除的运算法则
    switch(node3){
       case "+":
          var rest=parseInt(node1)+parseInt(node2);
          break;
       case "-":
          var rest=parseInt(node1)-parseInt(node2);
          break;
       case "*":
          var rest=parseInt(node1)*parseInt(node2);
          break;
       case "/":
          var rest=parseInt(node1)/parseInt(node2);
          break;
       }
    //设置结果输入框的值 
    var node5=document.getElementById('fruit').value=rest;
    
}
  </script> 
 </head> 
 <body>
   <input type='text' id='txt1' /> 
   <select id='select'>
<option value='+'>+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
   </select>
   <input type='text' id='txt2' /> 
   <input type='button' value=' 计算 'onclick="count()" /> <!--通过 = 按钮来调用创建的函数，得到结果--> 
   <input type='text' id='fruit' />   
 </body>
</html>

转载于:https://my.oschina.net/dongdong11019/blog/500775