Javascript parseFloat（）返回NaN

引导101模板
.表格管制{
边缘底部：15px；
}
算计
总小时数：
.
var hoursOne=parseFloat（document.getElementById（“一”）.value）；
document.getElementById（“单击”）.onclick=function（）{
警报（小时一）；
}

document.getElementById（“单击”）.onclick=function（）{
var hoursOne=parseFloat（document.getElementById（“一”）.value）；
警报（小时一）；
}

---

您的代码在填写表单之前执行。您需要在函数中获取数据。

将混乱减少到最重要的方面，您有：

<form class="navbar-form navbar-left" role="search">
  <div class="form-group">
    <input type="text" class="form-control" id="one" placeholder="hours">
    <button type="submit" class="btn btn-default" id="click">Calculate</button>
  </div>
</form>
<script type="text/javascript">
  var hoursOne = parseFloat(document.getElementById("one").value); 
  document.getElementById("click").onclick = function(){
    alert(hoursOne);    
  }
</script>

小时：
parseFloat

可能是因为解析的值应该是3.14而不是3.14，那么解决方案是什么？

<form class="navbar-form navbar-left" role="search">
  <div class="form-group">
    <input type="text" class="form-control" id="one" placeholder="hours">
    <button type="submit" class="btn btn-default" id="click">Calculate</button>
  </div>
</form>
<script type="text/javascript">
  var hoursOne = parseFloat(document.getElementById("one").value); 
  document.getElementById("click").onclick = function(){
    alert(hoursOne);    
  }
</script>