添加div和输入框

Question

我希望能够进行快速计算，在其中添加div的内容并输入。 我可以用2个输入来做到这一点，但无法弄清楚如何用这种方式。 我的编码尝试使我来到这里：

 var one = document.getElementById('one'), two = document.getElementById('calculate'), total = document.getElementById('total'); document.getElementById('calculate').onchange = function() { total.innerHTML = parseInt(one.innerHTML) + parseInt(two.innerHMTL); }; 

 <div id="one">11</div> <input type=number value=2 id="calculate"> <div id="total">0</div> 

我尝试将“ parseInt（two.innerHTML）”更改为“ parseInt（two）”，但未成功。 我收到NotANumber / NaN错误。 任何帮助将不胜感激。

Answer 1

因为在您的情况下， two是input标签，所以它没有innerHTML 。 请使用value属性。 所以看起来像这样：

document.getElementById('calculate').onchange = function() {
    total.innerHTML = parseInt(one.innerHTML) + parseInt(two.value);
};

Answer 2

要从输入标签获取值，请使用.value document.getElementById('input').value

因此，在您的情况下，请尝试parseInt(two.value)