Maison > interface Web > Questions et réponses frontales > Entiers et somme d'entrée JAVAscript

Entiers et somme d'entrée JAVAscript

PHPz
Libérer: 2023-05-12 15:50:39
original
1164 Les gens l'ont consulté

JavaScript est un langage de programmation largement utilisé dans le développement Web. Il peut faciliter le développement et l'interaction des pages frontales. Aujourd'hui, nous allons apprendre à saisir des entiers et à les additionner en JavaScript.

En JavaScript, vous pouvez créer une zone de saisie de texte sur la page Web via le code suivant :

<input type="text" id="inputNum">
Copier après la connexion

Où, type="text" représente une entrée Le type de boîte est du texte et id="inputNum" indique que l'identifiant de la zone de saisie est "inputNum", ce qui est pratique pour un appel ultérieur en JavaScript. type="text"表示输入框类型为文本,id="inputNum"表示输入框的标识符为"inputNum",方便后面在JavaScript中调用。

接下来,我们需要创建一个求和的函数,可以通过以下代码实现:

function sum() {
  var input = document.getElementById("inputNum").value;  // 获取输入框中的值
  var nums = input.split(",");  // 将输入的字符串以逗号为分隔符拆分成数字数组
  var total = 0;
  for (var i = 0; i < nums.length; i++) {
    total += parseInt(nums[i]);  // 将数组中的每个元素转换为整数并累加
  }
  alert("总和为:" + total);  // 弹出提示框显示结果
}
Copier après la connexion

在上述代码中,document.getElementById("inputNum")表示获取id为inputNum的元素,.value表示获取该元素中输入的值。input.split(",")表示将输入的字符串以逗号为分隔符拆分成数字数组。total += parseInt(nums[i])表示将数组中的每个元素转换为整数并累加。最后,通过alert函数弹出提示框显示计算结果。

最后,我们需要在网页中创建一个按钮,当用户点击按钮时,调用上面编写的求和函数。以下是完整的代码:



  
    
    输入整数并求和
  
  
    <input type="text" id="inputNum">
    

    <script>
      function sum() {
        var input = document.getElementById(&quot;inputNum&quot;).value;
        var nums = input.split(&quot;,&quot;);
        var total = 0;
        for (var i = 0; i < nums.length; i++) {
          total += parseInt(nums[i]);
        }
        alert("总和为:" + total);
      }
    </script>
  
Copier après la connexion

在上述代码中,onclick="sum()"表示当用户点击按钮时调用求和函数sum()

Ensuite, nous devons créer une fonction de sommation, qui peut être implémentée via le code suivant :

rrreee

Dans le code ci-dessus, document.getElementById("inputNum " ) signifie obtenir l'élément dont l'identifiant est inputNum, et .value signifie obtenir la valeur saisie dans l'élément. input.split(",") signifie diviser la chaîne d'entrée en un tableau numérique en utilisant des virgules comme délimiteurs. total += parseInt(nums[i]) signifie convertir chaque élément du tableau en un entier et l'accumuler. Enfin, la fonction alerte fait apparaître une boîte de dialogue pour afficher les résultats du calcul. #🎜🎜##🎜🎜#Enfin, nous devons créer un bouton dans la page Web. Lorsque l'utilisateur clique sur le bouton, la fonction de sommation écrite ci-dessus est appelée. Voici le code complet : #🎜🎜#rrreee#🎜🎜#Dans le code ci-dessus, onclick="sum()" signifie que la fonction de sommation sum() est appelée lorsque le l'utilisateur clique sur le bouton . Entrez plusieurs nombres sur la page, séparés par des virgules, et cliquez sur le bouton "Somme" pour obtenir leur somme. #🎜🎜##🎜🎜#La méthode JavaScript pour saisir des entiers et les additionner est très simple et peut être facilement implémentée via le code ci-dessus. Dans le développement Web réel, nous pouvons le modifier et l'optimiser selon nos besoins pour obtenir des fonctions plus complètes. #🎜🎜#

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!

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