JavaScript implémente une simple calculatrice-js tutoriel-php.cn

JavaScript implémente une simple calculatrice

高洛峰

Libérer： 2017-02-04 13:53:50

original

1154 Les gens l'ont consulté

Avant-propos

Bonjour à tous, j'étudie depuis un moment et j'ai découvert le framework et le contenu d'arrière-plan afin d'éviter que les js et jq front-end ne soient pas suffisamment compétents et oublient de nombreux algorithmes et. utilisation de base, je continuerai à publier. Continuez à mettre à jour quelques petits codes d'effets fonctionnels pour l'enregistrement et l'accumulation. Il existe de nombreuses lacunes. L'encapsulation et la redondance du code ne sont pas strictement requises pour le moment. Faites de votre mieux pour vous améliorer et rester à jour. 🎜>

Calculateur simple d'addition, de soustraction, de multiplication et de division, utilisant la valeur du formulaire, implémenté avec js natif. Il peut être copié directement dans l'éditeur, ouvert et exécuté

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

Copier après la connexion

. Ce qui précède est tout le contenu de cet article, j'espère qu'il sera utile à l'apprentissage de chacun, j'espère également que tout le monde soutiendra le site Web PHP chinois.

Pour plus d'articles liés à l'implémentation JavaScript d'une calculatrice simple, veuillez faire attention au site Web PHP chinois !