搜尋

首頁  >  文章  >  web前端  >  簡單的js計算器實現

簡單的js計算器實現

高洛峰
高洛峰原創
2016-12-08 17:13:151234瀏覽

本文實例為大家分享了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問卷答案卡翻頁動畫效果範例下一篇：jquery+css3問卷答案卡翻頁動畫效果範例

相關文章

看更多