JavaScriptでテキストボックスの値を掛ける

Question

私は、テキストボックスからの数値に、パラメータを持つ関数を通じて他の値を掛けようとしています。何らかの理由で私は結果として "NaN"を得続けます。 document.write行はテスト目的のためだけに存在し

function calculate(a, b, c, d) { 
 
    var num1 = a * b; 
 
    var num2 = num1 * a; 
 
    document.write(num1); 
 
    document.write(num2); 
 
}

<input type="number" id="apple" min="0" value="0"> 
 
<input type="button" onclick="calculate('apple','1.99','2','5')" value="Add to Order">

：

は、ここでは、コードの骨抜きバージョンです。 num1とnum2がなぜ "NaN"を返すのか分かりません。また、私はa.valueとb.valueを使ってみました。

Answer 1

あなたは乗算できない文字列「リンゴ」を使用しています。の数をしようとする場合に使用parseFloat機能：

var appleVal = document.getElementById('apple').value; 

または使用「」の代わりに変数：

var appleVal = document.getElementById(a).value; 

ヒントこの場合には必要なもの は、入力フィールド内の値を取得しています文字列：

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/parseFloat

Answer 2

'apple'はテキストだけで、あなたは合格する必要があります：

document.getElementById('apple').value。あなたのコードで

：

onclick = "calculate(document.getElementById('apple').value,'1.99','2','5')" 

Answer 3

あなたの間違い

<input type="number" id = "apple" min = "0" value = "0"> 
<input type="button" onclick = "calculate(1.99,2,5)" value = "Add to Order"> 

<script> 
function calculate(b,c,d){ 
var a = document.getElementById("apple").value; 
var num1 = a*b; 
var num2 = num1*a; 
document.write(num1); 
document.write(num2); 
} 
</script> 

、これを試してみてくださいあなたは数字で "りんご" の文字列を乗算している、です。