```其中,`type="text"`表示輸入框類型為文本,`id="inp">
JavaScript是一種廣泛應用於Web開發的程式語言,它可以方便地進行前端頁面的開發與互動。今天我們來學習在JavaScript中如何輸入整數並加總。
在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); // 弹出提示框显示结果 }
在上述程式碼中,document.getElementById("inputNum")
表示取得id為inputNum的元素,.value
表示取得該元素中輸入的值。input.split(",")
表示將輸入的字串以逗號為分隔符號拆分成數字數組。total = parseInt(nums[i])
表示將陣列中的每個元素轉換為整數並累積。最後,透過alert
函數彈出提示框顯示計算結果。
最後,我們需要在網頁中建立一個按鈕,當使用者點擊按鈕時,呼叫上面所寫的求和函數。以下是完整的程式碼:
在上述程式碼中,onclick="sum()"
表示當使用者點擊按鈕時呼叫求和函數sum()
。在頁面中輸入若干個數字,以逗號分隔,點選「求和」按鈕後,即可得到它們的總和。
JavaScript輸入整數並求和的方法非常簡單,透過上述的程式碼可以方便地實現。在實際的Web開發中,我們可以根據需要進行修改、最佳化,以實現更完善的功能。
以上是JAVAscript輸入整數並求和的詳細內容。更多資訊請關注PHP中文網其他相關文章!