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（2）" を変更しようとしたが、それが失敗しました。 NotANumber/NaNエラーが発生します。どんな助けでも大歓迎です。

Answer 1

twoの場合はinputタグですので、innerHTMLはありません。代わりにvalue属性を使用してください。それは次のようになります：

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

Answer 2

は、だからあなたの場合、これは完全に働いたparseInt(two.value)