Heim > Artikel > Web-Frontend > Einfache Implementierung eines JS-Rechners

Einfache Implementierung eines JS-Rechners

高洛峰Original: 2016-12-08 17:13:151198Durchsuche

Das Beispiel in diesem Artikel enthält den Implementierungscode des js-Rechners als Referenz. Der spezifische Inhalt lautet wie folgt:

<!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>

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Beispiel für einen jquery+css3-Fragebogen-Antwortkarten-Animationseffekt zum UmblätternNächster Artikel：Beispiel für einen jquery+css3-Fragebogen-Antwortkarten-Animationseffekt zum Umblättern

In Verbindung stehende Artikel

Mehr sehen