简单的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

上一篇：jquery+css3问卷答题卡翻页动画效果示例下一篇：理解JavaScript原型链

查看更多

简单的js计算器实现

相关文章