在for循环

Question

我试图在for循环中创建许多函数。我想我的变量都是正确的 - 我只是在努力解决这个问题。它总是在输入最后一个变量的情况下调用函数（它只是试图添加2个数字并将结果输出到正确的div - num1 + input1 = total1，num2 + input2 = total2等 - 当前输出到最后一个div） - 我认为这是因为我没有对该函数进行编号，我不确定这样做的语法 - 但是我可能完全偏离了这一点......

<div id="num1">11</div>

<input type=number value=2 id="input1">

<div id="total1">0</div>

<div id="num2">11</div>

<input type=number value=2 id="input2">

<div id="total2">0</div>

<script type="text/javascript">

for(var x=1; x<3; x++){

var num = "num"+x;
var input = "input"+x;
var total = "total"+x;
var element = "element"+x;
var inputelement = "inputelement"+x;
var thesum = "thesum"+x;

element = document.getElementById(num),
inputelement = document.getElementById(input),
thesum = document.getElementById(total);
document.getElementById(input).onchange = function() {
thesum.innerHTML = parseInt(element.innerHTML) + parseInt(inputelement.value);
};
};

</script>

非常感谢您提供任何帮助或建议。