Integer dan jumlah input JAVAscript

JavaScript ialah bahasa pengaturcaraan yang digunakan secara meluas dalam pembangunan web Ia boleh memudahkan pembangunan dan interaksi halaman hadapan. Hari ini kita akan belajar cara memasukkan integer dan menjumlahkannya dalam JavaScript.

Dalam JavaScript, anda boleh mencipta kotak input teks pada halaman web melalui kod berikut:

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

di mana, type="text" menunjukkan bahawa jenis kotak input ialah teks dan id="inputNum" menunjukkan pengecam kotak input Simbol ialah "inputNum", yang sesuai untuk dipanggil kemudian dalam JavaScript.

Seterusnya, kita perlu mencipta fungsi penjumlahan, yang boleh dilaksanakan melalui kod berikut:

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);  // 弹出提示框显示结果
}

Dalam kod di atas, document.getElementById("inputNum") bermaksud untuk mendapatkan elemen dengan id inputNum , .value Mewakili mendapatkan nilai yang dimasukkan dalam elemen ini. input.split(",") bermaksud membelah rentetan input kepada tatasusunan angka menggunakan koma sebagai pembatas. total += parseInt(nums[i]) bermaksud menukar setiap elemen dalam tatasusunan kepada integer dan mengumpulnya. Akhir sekali, kotak gesaan muncul untuk memaparkan hasil pengiraan melalui fungsi alert.

Akhir sekali, kita perlu mencipta butang dalam halaman web Apabila pengguna mengklik butang, fungsi jumlah yang ditulis di atas dipanggil. Berikut ialah kod lengkap:

  
    
    
  
  
    <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>
  

Dalam kod di atas, onclick="sum()" bermakna fungsi penjumlahan sum() dipanggil apabila pengguna mengklik butang. Masukkan beberapa nombor pada halaman, dipisahkan dengan koma, dan klik butang "Jumlah" untuk mendapatkan jumlahnya.

Kaedah JavaScript untuk memasukkan integer dan menjumlahkannya adalah sangat mudah dan boleh dilaksanakan dengan mudah melalui kod di atas. Dalam pembangunan web sebenar, kami boleh mengubah suai dan mengoptimumkannya mengikut keperluan untuk mencapai fungsi yang lebih lengkap.

Atas ialah kandungan terperinci Integer dan jumlah input JAVAscript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!