コードのjavascript部分に何が間違っているのかわからない

Question

document.getElementById('go').onclick = function() { 

    var data = document.getElementById('number1').value; 

    data = parseFloat(number1); 

    var data = document.getElementById('number2').value; 

    data = parseFloat(number2); 

    var total = number1 + number2; 

    document.getElementById('result').value = total; 
}; 

Answer 1

誤った変数にparseFloatの後に値を格納します。基本的に同じ変数dataをオーバーライドするだけでなく、変数number1とnumber2を初期化しませんでした。

それはこのようにする必要があります：

document.getElementById('go').onclick = function() { 

    var number1 = document.getElementById('number1').value; 

    number1 = parseFloat(number1); 

    var number2 = document.getElementById('number2').value; 

    number2 = parseFloat(number2); 

    var total = number1 + number2; 

    document.getElementById('result').value = total; 
}; 

Answer 2

1. あなたが定義されていない変数（number1 & & number2）を使用しています。
2. これはどのようにparseFloatの動作ではありません。 parseFloatは引数（文字列）をとり、floatがあればそれを返します。

これを試してください：あなたは、IDS「番号1」、代わりにあなたがそれらに入力された実際の値の「number2の」ある文書の入力要素の「parseFloatは」機能を行っている

document.getElementById('go').onclick = function() { 
    var data = document.getElementById('number1').value; 

    var number1 = parseFloat(data); // parse the data and store the result in number1 

    data = document.getElementById('number2').value; // no need to redeclare data 

    var number2 = parseFloat(data); // parse the data and store the result in number2 

    var total = number1 + number2; 

    document.getElementById('result').value = total; 
}; 

Answer 3

。ドキュメントの入力テキストボックスを浮動小数点に変換することはできません。また、変数 "data"を2回使用しますが、number1ボックスに入力されたものの値を格納し、number2ボックスに入力されたものにその値を追加し、2つの変数を必要とするように両方を追加します。それから、oyuはそれら2つを追加し、それを「合計」変数に割り当てることができます。

私はあなたのHTMLが、これに類似していると仮定します。

<input id="number1" type="text" /> 
 
<br><input id="number2" type="text" /> 
 
<br><input id="go" type="button" value="Add Up" /> 
 
<br><input id="result" type="text" />

document.getElementById('go').onclick = function() { 
 

 
     var number1Value = document.getElementById('number1').value; 
 

 
     number1Value = parseFloat(number1Value); 
 

 
     var number2Value = document.getElementById('number2').value; 
 

 
     number2Value = parseFloat(number2Value); 
 

 
     var total = number1Value + number2Value; 
 

 
     document.getElementById('result').value = total; 
 
    };