JAVAscript輸入整數並求和

JavaScript是一種廣泛應用於Web開發的程式語言，它可以方便地進行前端頁面的開發與互動。今天我們來學習在JavaScript中如何輸入整數並加總。

在JavaScript中，可以透過以下程式碼在網頁上建立一個文字輸入框：

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

其中，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() 。在頁面中輸入若干個數字，以逗號分隔，點選「求和」按鈕後，即可得到它們的總和。

JavaScript輸入整數並求和的方法非常簡單，透過上述的程式碼可以方便地實現。在實際的Web開發中，我們可以根據需要進行修改、最佳化，以實現更完善的功能。

以上是JAVAscript輸入整數並求和的詳細內容。更多資訊請關注PHP中文網其他相關文章！