Parsefloat总是返回NaN

时间:2017-11-12 20:48:28

标签: javascript html

我有这个代码并且即使它是一个数字也总是返回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>

1 个答案:

答案 0 :(得分:2)

您需要使用小写字母value属性。

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

您需要将作业移动到函数,因为您需要实际值,而不是开始时的值。

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