首页
课程
路径
文章
PHP培训
精品课
下载

技术文章  >  web前端 > js教程

简单的js计算器实现

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

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

<!DOCTYPE html>
 
<html>
 
　<head>
 
 　<meta charset="utf-8">　
 
　 <title></title>
 
 　</head>
 
 　<body >
 
　　　<input type='text' id='txt1' />
 
 　　<select id='select'>　　　　　　
 
  　　　　<option value='+'>+</option>
 
  　　　　<option value="-">-</option>
 
  　　　　<option value="*">*</option>
 
  　　　　<option value="//m.sbmmt.com/m/">/</option>
 
 　　</select>
 
 　　<input type='text' id='txt2' />
 
 　　<input type='button' value=' = ' onclick="count()"/>
 
 　　<!--通过 = 按钮来调用创建的函数，得到结果-->
 
 　　<input type='text' id='fruit' />
 
 </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 　　　　　　　　"//m.sbmmt.com/m/":z=parseFloat(txt1)/parseFloat(txt2);break;
 
  
 
  
 
  　　　　　　}
 
  　　　　　　document.getElementById("fruit").value=z;
 
  
 
 　　　　　　}
 
 　　　　</script>
 
  
 
</html>


jsPHP课程HTML视频教程CSS视频JS视频教程Vue视频教程
声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn核实处理。
上一条：jquery+css3问卷答题卡翻页动画效果示例 下一条：理解JavaScript原型链

相关文章

查看更多
  • 热门课程
打开APP，随时随地在线学习！