首页 >web前端 >js教程 >简单的js计算器实现

简单的js计算器实现

高洛峰
高洛峰原创
2016-12-08 17:13:151258浏览

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

<!DOCTYPE html>
 
<html>
 
 <head>
 
  <meta charset="utf-8"> 
 
  <title></title>
 
  </head>
 
  <body >
 
   <input type=&#39;text&#39; id=&#39;txt1&#39; />
 
   <select id=&#39;select&#39;>      
 
      <option value=&#39;+&#39;>+</option>
 
      <option value="-">-</option>
 
      <option value="*">*</option>
 
      <option value="/">/</option>
 
   </select>
 
   <input type=&#39;text&#39; id=&#39;txt2&#39; />
 
   <input type=&#39;button&#39; value=&#39; = &#39; onclick="count()"/>
 
   <!--通过 = 按钮来调用创建的函数,得到结果-->
 
   <input type=&#39;text&#39; id=&#39;fruit&#39; />
 
 </body>
 
  <script type="text/javascript">
 
   //制做简单计算器
 
     function count() {
 
      var txt1 = document.all.txt1.value;
 
      var txt2 = document.all.txt2.value;
 
      var s=document.all.select.value;
 
      var z;
 
      switch(s){
 
       case "+":                    z=parseFloat(txt1)+parseFloat(txt2);break;
 
      case "-":
 
          z=parseFloat(txt1)-parseFloat(txt2);break;
 
       case                  "*":z=parseFloat(txt1)*parseFloat(txt2);break;
 
      case         "/":z=parseFloat(txt1)/parseFloat(txt2);break;
 
  
 
  
 
        }
 
        document.getElementById("fruit").value=z;
 
  
 
       }
 
     </script>
 
  
 
</html>

   


声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn