Comment utiliser javascript pour implémenter quatre opérations arithmétiques

Dans le développement Web, JavaScript est un langage de programmation très populaire. De nombreuses fonctions intéressantes peuvent être réalisées en utilisant JavaScript, comme l'utilisation de JavaScript pour implémenter quatre opérations arithmétiques simples. À travers cet article, nous présenterons comment utiliser JavaScript pour implémenter quatre opérations arithmétiques.

1. Structure HTML

Tout d'abord, nous devons créer un fichier HTML et ajouter une zone de texte pour saisir les expressions, des boutons pour quatre opérateurs et une zone pour afficher les résultats dans le fichier. Le code HTML est le suivant :

nbsp;html>


    <meta>
    <title>用JavaScript实现四则运算</title>


    <input>
    <button>+</button>
    <button>-</button>
    <button>*</button>
    <button>/</button>
    <p></p>
    <script></script>

Dans cette structure HTML, nous utilisons l'élément input comme zone de texte pour les expressions de saisie, l'élément bouton comme boutons pour les quatre opérateurs, et ajoutons des appels à la fonction de calcul sur ces boutons. De plus, nous avons également ajouté une zone d'affichage des résultats. L'attribut id de l'élément p est result. Nous utiliserons cet id pour obtenir la zone d'affichage des résultats.

2. Code JavaScript

Ensuite, nous devons écrire un fichier JavaScript pour implémenter les quatre opérations arithmétiques. Le code JavaScript est le suivant :

function calculate(operator) {
    var expression = document.getElementById("expression").value; //获取表达式
    var operArr = expression.split(operator); //分割表达式
    var numArr = []; //存储数字
    for(var i = 0; i <p>Dans ce code JavaScript, nous définissons une fonction de calcul pour effectuer quatre opérations arithmétiques sur l'expression d'entrée. Dans la fonction, nous obtenons d'abord l'expression saisie par l'utilisateur via document.getElementById("expression").value, puis divisons l'expression en deux nombres via la méthode split et stockons les deux nombres dans un tableau. Ensuite, les quatre opérateurs sont traités différemment via l'instruction switch, et enfin les résultats sont affichés sur la page via document.getElementById("result").innerHTML. </p><p>3. Après avoir écrit le code en utilisant </p><p>, il suffit d'ouvrir le fichier HTML dans le navigateur, de saisir une expression, de sélectionner un opérateur, puis de cliquer sur le signe égal pour obtenir le résultat de l'opération et l'afficher sur la page. Comme indiqué ci-dessous : </p><p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/068/168075020156607.png" class="lazy" alt="Comment utiliser javascript pour implémenter quatre opérations arithmétiques" title="Comment utiliser javascript pour implémenter quatre opérations arithmétiques"></p><p> 4. Résumé </p><p>Grâce à l'introduction de cet article, nous pouvons voir qu'il est très simple d'implémenter quatre opérations arithmétiques simples en JavaScript. Avec seulement quelques syntaxes JavaScript de base et une structure HTML, nous pouvons facilement implémenter les quatre opérations arithmétiques. J'espère que cet article pourra être utile à tout le monde lors de l'apprentissage et de l'utilisation de JavaScript. </p>

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!