2017-11-12 11 views
1

私はこのコードを持ち、数値であっても常にNaNを返します。私はそれを修正しようとしていたが、私はできなかったし、私が読んだものはすべて私のようだった。Parsefloatは常にNaNを返します

<html> 
    <head> 

    </head> 
    <body > 
    <input id="texto" type="number"> 
    <button type="button" onclick="calcular()">Calcular</button> 
    <br> 
    <script> 
    var result =parseFloat(document.getElementById("texto").Value); 

    function calcular() { 

    document.getElementById("nota").innerHTML =result; 
    } 

</script> 

<br> 
<p id="nota">d</p> 
</body> 
</html> 
+2

資本の問題。要素から値を取得するときは、 '.Value'ではなく' .value'を使用します。また、 'parseFloat(number)'の代わりに 'number * 1'を使うこともできます。 –

答えて

2

小文字でvalueプロパティを使用する必要があります。

var result = parseFloat(document.getElementById("texto").value); 
//              ^

そして、あなたは開始時に実際の値ではなく、値を必要とするので、機能に割り当てを移動する必要があります。

function calcular() { 
 
    var result = parseFloat(document.getElementById("texto").value); 
 
    document.getElementById("nota").innerHTML = result; 
 
}
<input id="texto" type="number"> <button type="button" onclick="calcular()">Calcular</button> 
 
<p id="nota"></p>

+0

その作品は、ありがとう! –

+0

割り当てを関数 –

+0

に移動するはい、どちらも動作します –

関連する問題