javascript - 如何在 JavaScript 中对每个循环的选项值求和

Question

由于我是 JavaScript 的初学者，所以我一直被一个简短的脚本所困扰。这是交易: 我有一个包含 30 个选项的公式，每个选项的值从 1 到 10。现在我想对它们进行总结并在用户仍在更改选项时显示结果。

function calculate() 
{
    input1 = parseFloat(document.character.input1.value);
    input2 = parseFloat(document.character.input2.value);
    input3 = parseFloat(document.character.input3.value);
    input4 = parseFloat(document.character.input4.value);
    input5 = parseFloat(document.character.input5.value);
    input6 = parseFloat(document.character.input6.value);
    input7 = and so on

    document.getElementById("output").innerHTML = (input1 + input2 + input3 + input4 + input5 + input6 ...).toString();
}

它有效，但我想用 for 循环使它更短。但无论我如何尝试，我都无法让它发挥作用。有人可以帮我吗？

Answer 1

你可以尝试做这样的事情:

var total = 0;
for ( var i = 1; i <= 30; i++ ){
  total += parseFloat( document.character[ "input" + i ].value );
}
document.getElementById( "output" ).innerHTML = total;

我在这里所做的就是使用变量i来组装 Angular 色对象的 key 。该值(对于每次迭代)添加到 total 变量中，该变量最终放置在 #output 元素的内容中。