```其中,`type="text"`表示輸入框類型為文本,`id="inp"> JAVAscript輸入整數並求和-前端問答-PHP中文網

JAVAscript輸入整數並求和

PHPz
發布: 2023-05-12 15:50:39
原創
1077 人瀏覽過

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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!