Maison > interface Web > js tutoriel > le corps du texte

JavaScript implémente une simple calculatrice

高洛峰
Libérer: 2017-02-04 13:53:50
original
1134 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 !

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!