JavaScript一直返回0

时间:2016-12-11 10:27:51

标签: javascript

<!DOCTYPE html>
 <html>
  <head>
    <meta charset="utf-8"/>
   </head>
 <body>
     <form id="window">
       <input type="text" id="num1"><br />
         <input type="text" id="num2"><br />
      <input type="button" value="Calculate" onClick="main()"><br />
 </form>
    <script>
      var num1 = Number(document.getElementById("num1").value);
        var num2 = Number(document.getElementById("num2").value);
       function main(){
         alert(num1 + num2);
        }
    </script>
  </body>
   </html>

这是我的代码告诉我我做错了什么,因为每当我调用alert()时它只返回0到屏幕。我在不同的浏览器中试过但没有运气。对我这么容易,因为我大约一个星期前就开始了!```

2 个答案:

答案 0 :(得分:6)

这是因为您设置了'email' => 'required|email|max:255|unique:users', 'email' => 'required|email|max:255|unique:company', 一次的值,就在脚本开头时输入“&#” 39;其中还有任何内容(num1num2),而不是每次调用Number("")。只需将这两行移动到 0中,即可使用按钮点击时输入的值:

main

答案 1 :(得分:0)

您需要在num1内获取num2main();使用以下代码:

<!DOCTYPE html>
 <html>
  <head>
    <meta charset="utf-8"/>
   </head>
 <body>
     <form id="window">
       <input type="text" id="num1"><br />
         <input type="text" id="num2"><br />
      <input type="button" value="Calculate" onClick="main()"><br />
 </form>
    <script>
        function main(){
            var num1 = Number(document.getElementById("num1").value);
            var num2 = Number(document.getElementById("num2").value);
            alert(num1 + num2);
        }
    </script>
  </body>
   </html>