なぜ私の関数は0（ゼロ）を出力していますか？

Question

このコードは、2つのユーザー入力を乗算して計算することになっています。しかし、出力は、通常は予想される代わりに、一貫して0、すなわち5 * 5 = 0である。なぜこれが起こっているのか分かりません。変数を関数に正しく渡していないのですか？

var x = document.getElementById("a"); 
var y = document.getElementById("b"); 

は、次にような値を使用します。私はただの要素をつかむ、私は適切に参照対値を理解していない可能性がありますように感じる（私は現在、JavaScriptを勉強しています）

var x = document.getElementById("a").value; 
var y = document.getElementById("b").value; 
var button = document.getElementById("button"); 

button.addEventListener('click', function() { 
    calculator(x,y); 
}, false); 

function calculator(a,b) { 
    var output = a * b; 
    document.getElementById("answer").innerHTML = output; 
    console.log(output); 
} 

Answer 1

省略値キャプチャ関数のパラメータです。

button.addEventListener('click', function() { 
    calculator(x.value, y.value); 
}, false); 

値が空で関数に渡していたときに値を取得していました。

DEMO

Answer 2

それはあなたのスクリプトがあるとき、（A）*のparseInt（b）は