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

简单的js计算器实现

高洛峰
发布: 2016-12-08 17:13:15
原创
1264 人浏览过

本文实例为大家分享了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>
登录后复制

   


相关标签:
js
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板