Maison > Article > interface Web > JavaScript implémente une simple calculatrice

JavaScript implémente une simple calculatrice

高洛峰original: 2017-02-04 13:53:501135parcourir

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>

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

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：js idées et code d'implémentation du panier d'achatArticle suivant：js idées et code d'implémentation du panier d'achat

Articles Liés

Voir plus