JAVAscript-Eingabe von Ganzzahlen und Summen

JavaScript ist eine in der Webentwicklung weit verbreitete Programmiersprache. Sie kann die Entwicklung und Interaktion von Frontend-Seiten erleichtern. Heute lernen wir, wie man Ganzzahlen in JavaScript eingibt und summiert.

In JavaScript können Sie mit dem folgenden Code ein Texteingabefeld auf einer Webseite erstellen:

<input type="text" id="inputNum">

Unter diesen gibt type="text" an, dass der Eingabefeldtyp Text ist, und id="inputNum " gibt an, dass die Kennung des Eingabefelds „inputNum“ ist, was für den späteren Aufruf in JavaScript praktisch ist. 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);  // 弹出提示框显示结果
}

在上述代码中，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>
  

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

Als nächstes müssen wir eine Summationsfunktion erstellen, die durch den folgenden Code implementiert werden kann:

rrreee

Im obigen Code bedeutet document.getElementById("inputNum"), das Element mit abzurufen Die ID von inputNum , .value bedeutet, den in dieses Element eingegebenen Wert abzurufen. input.split(",") bedeutet das Aufteilen der Eingabezeichenfolge in ein numerisches Array unter Verwendung von Kommas als Trennzeichen. total += parseInt(nums[i]) bedeutet, jedes Element im Array in eine Ganzzahl umzuwandeln und zu akkumulieren. Schließlich öffnet die Funktion alert ein Eingabeaufforderungsfeld zur Anzeige der Berechnungsergebnisse. 🎜🎜Abschließend müssen wir eine Schaltfläche auf der Webseite erstellen. Wenn der Benutzer auf die Schaltfläche klickt, wird die oben beschriebene Summenfunktion aufgerufen. Das Folgende ist der vollständige Code: 🎜rrreee🎜Im obigen Code bedeutet onclick="sum()", dass die Summierungsfunktion sum() aufgerufen wird, wenn der Benutzer klickt die Taste. Geben Sie auf der Seite mehrere durch Kommas getrennte Zahlen ein und klicken Sie auf die Schaltfläche „Summe“, um deren Summe zu erhalten. 🎜🎜Die JavaScript-Methode zum Eingeben und Summieren von Ganzzahlen ist sehr einfach und kann mithilfe des obigen Codes problemlos implementiert werden. Bei der eigentlichen Webentwicklung können wir sie nach Bedarf modifizieren und optimieren, um umfassendere Funktionen zu erreichen. 🎜

Das obige ist der detaillierte Inhalt vonJAVAscript-Eingabe von Ganzzahlen und Summen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!