添加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)