添加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函数（二）”，但它是不成功的。我得到了Notanumber/NaN错误。任何帮助将不胜感激。

Answer 1

因为two在你的情况下是input标签它没有innerHTML。改为使用value属性。所以它会是这样的：

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

Answer 2

要从输入标签使用.valuedocument.getElementById('input').value

获得价值所以你的情况尝试parseInt(two.value)