JavaScript implementiert einen einfachen Taschenrechner-js-Tutorial-php.cn

JavaScript implementiert einen einfachen Taschenrechner

高洛峰

Freigeben： 2017-02-04 13:53:50

Original

1143 Leute haben es durchsucht

Vorwort

Hallo zusammen, ich habe eine Weile studiert und etwas über das Framework und den Hintergrundinhalt gelernt, um zu verhindern, dass die Front-End-JS und -JQ nicht kompetent genug sind und viele Algorithmen vergessen Grundlegende Verwendung, ich werde weiterhin einige kleine funktionale Effektcodes für die Aufzeichnung und Akkumulation aktualisieren. Es gibt viele Mängel, die derzeit nicht unbedingt erforderlich sind 🎜>

Einfacher Additions-, Subtraktions-, Multiplikations- und Divisionsrechner, der den Wert des Formulars verwendet, implementiert mit nativem js. Er kann direkt in den Editor kopiert, geöffnet und ausgeführt werden Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, dass er zum Lernen aller beiträgt. Ich hoffe auch, dass jeder die chinesische PHP-Website unterstützt.

Weitere Artikel zur JavaScript-Implementierung eines einfachen Taschenrechners finden Sie auf der chinesischen PHP-Website!

<!DOCTYPE html>
<html>
 <head>
 <meta charset="UTF-8">
 <title>加减乘除计算器</title> 
 <script type="text/javascript">
  function count(){  
  var a = parseInt(document.getElementById("txt1").value);
  var b = parseInt(document.getElementById("txt2").value) ;
  var sign = document.getElementById("select").value;
  var result = 0;
    switch(sign){
      case "+": result = a+b;
      break;
      case "-": result = a-b;
      break;
      case "*": result = a*b;
      break;
      case "/": result = a/b;
      break;
      case "%": result = a%b;
      break;
     }
  document.getElementById("answer").value = result;
  }
 </script> 
 </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>
    <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;answer&#39; />  
 </body>
</html>

Nach dem Login kopieren