Heim > Web-Frontend > js-Tutorial > Einfache Implementierung eines JS-Rechners

Einfache Implementierung eines JS-Rechners

高洛峰
Freigeben: 2016-12-08 17:13:15
Original
1258 Leute haben es durchsucht

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>
Nach dem Login kopieren

Verwandte Etiketten:
js
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage