JAVAscript入力整数と合計

JavaScript は Web 開発で広く使用されているプログラミング言語で、フロントエンド ページの開発と対話を容易にします。今日は、JavaScript で整数を入力し、それらを合計する方法を学びます。

JavaScript では、次のコードを使用して Web ページ上にテキスト入力ボックスを作成できます。

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

このうち、type="text" は、入力がbox type is 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 関数による計算結果が表示されます。

最後に、Web ページにボタンを作成する必要があります。ユーザーがボタンをクリックすると、上で記述した sum 関数が呼び出されます。完全なコードは次のとおりです。

  
    
    
  
  
    <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 中国語 Web サイトの他の関連記事を参照してください。