Implementierung eines einfachen Rechners mit reinen JS-Code_Javascript-Kenntnissen-js-Tutorial-php.cn

Implementierung eines einfachen Rechners mit reinen JS-Code_Javascript-Kenntnissen

WBOY

Freigeben： 2016-05-16 15:28:20

Original

1270 Leute haben es durchsucht

Dieser Artikel zeigt ein Beispiel für die Implementierung eines einfachen Taschenrechnercodes mit reinem JS-Code. Ich glaube, es wird jedem gefallen. Die Details lauten wie folgt:
Der Screenshot des Laufeffekts sieht wie folgt aus:

Der spezifische Code lautet wie folgt:

<!DOCTYPE html>
<html>
 <head>
 <title> new document </title> 
 <script type="text/javascript">
  function count(){
    var txt1  = parseInt( document.getElementById('txt1').value);//获取第一个输入框的值
    var txt2  = parseInt( document.getElementById('txt2').value);//获取第二个输入框的值
    var select = document.getElementById('select').value;//获取选择框的值
    var result = '';
    switch (select)
     {
      case '+':
        result = txt1 + txt2;
        break;
      case '-':
        result = txt1 - txt2;
        break;
      case '*':
        result = txt1 * txt2;
        break;
      case '/':
        result = txt1 / txt2;
        break; 
     }
     document.getElementById('fruit').value = result;//设置结果输入框的值 
  }
 </script> 
 </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>
</html>

Nach dem Login kopieren

Kopieren Sie den obigen Code und fügen Sie ihn ein, um eine einfache Taschenrechnerfunktion zu implementieren. Ich hoffe, dass dieser Artikel für alle hilfreich ist, die die Javascript-Programmierung erlernen möchten.