简单的js计算器实现

2019-11-20 08:39:53

字体：大中小

来源：转载

供稿：网友

本文实例为大家分享了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="/">/</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 "/":z=parseFloat(txt1)/parseFloat(txt2);break; 　　　　　　} 　　　　　　document.getElementById("fruit").value=z;  　　　　　　} 　　　　</script> </html>

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持武林网。

上一篇：jquery+css3问卷答题卡翻页动画效果示例

下一篇：利用python分析access日志的方法