Javascript 两个输入字段之和>；输出到第三位

我想在输入时将两个输入字段的计算结果输出到第三个字段（我想是keyup？）。以下只是一个直观的例子，因为我不知道如何做得更好：

<input type="text" class="form-control text-center" id="n1" 
maxlength="2" placeholder="1-20">

<input type="text" class="form-control text-center" id="n2" 
maxlength="2" placeholder="1-20">

<input type="text" class="form-control text-center" id="sum-out" 
maxlength="2" readonly>

$(document).ready(function() {
var n1 = $("#n1").val();
var n2 = $("#n2").val();
var sum = ((n1 + n2) / 10) * 2;

sum = document.getElementById('sum-out')

return sum;
});

$（文档）.ready（函数（）{
var n1=$（“#n1”）.val（）；
var n2=$（“#n2”）.val（）；
var总和=（（n1+n2）/10）*2；
sum=document.getElementById（'sum-out'）
回报金额；
});

---

请帮助…

您需要在某些东西“触发”它时执行计算，而不是在页面准备好后立即执行，因为用户还没有机会输入任何数据。添加一个按钮，允许用户告诉程序他们已经准备好执行计算，这是最简单的事情

顺便说一下，您的计算实际上并没有得到两个输入的“和”。您可能需要重新考虑变量和元素名称

$（文档）.ready（函数（）{
//一旦页面准备好，您就无法计算答案。
//您需要等待，直到用户完成触发的操作
//在这里，当用户输入
//前两个输入的
美元（“#n1，#n2”）。在（“输入”，计算）；
//而且当按钮被点击时
$（“计算”）。在（“单击”，计算）
函数计算（）{
var n1=$（“#n1”）.val（）；
var n2=$（“#n2”）.val（）；
$（'结果'）.val（（n1+n2）/10）*2；
}
});

计算
如果不
parseFloat（）
值，它们将作为字符串添加，即使您键入的确实是一个数字，例如：
（（5+5）/10）*2
将等于
11
，而不是
2
。（除非你的预期行为是
11
）


$（文档）.ready（函数（）{
$（“#n1”）.keyup（函数（）{
var val=$（this.val（）；
var other=$（'#n2'）.val（）；
如果（$.isNumeric（val）&&&$.isNumeric（其他））{
$（'sum-out'）.val（（parseFloat（其他）+parseFloat（val））/10*2）
}
});
$（“#n2”）.keyup（函数（）{
var val=$（this.val（）；
var other=$（'#n1'）.val（）；
如果（$.isNumeric（val）&&&$.isNumeric（其他））{
$（'求和'）.val（（parseFloat（其他）+parseFloat（val））/10*2）
}
});
});

您的具体问题是什么？我只需要知道hot，就可以将两个输入的计算结果输出到第三个输入。@Pixelmaker我已经更新了答案，以显示在用户输入字段时如何进行计算。别忘了投票，并标上“答案”。