Question

我有以下代码：https://gist.github.com/anonymous/096da5805e39434b707c6fbd970ccbff。现在，当我在浏览器中打开calc.html并在空格中键入两个数字（5,6）并单击提交时，没有任何反应。

我做错了什么？

Answer 1

您需要更改

document.getElementById(var1) = a;
document.getElementById(var2) = b;

要：

Var a = document.getElementById("var1");
Var b = document.getElementById("var2");

之所以这样，是因为您需要先声明变量。

同样;通过不使用引号，javascript在变量的脚本标签中查找var1的名称（分别为var 2）。

通过引用它可以理解范围是整个html文档。

Answer 2

您需要将onClick更改为onclick，将document.getElementById("var1").value = a更改为var a= document.getElementById("var1").value。对于var b也可以用引号"var1"关闭id。试试这会对你有所帮助：）

＆＃13;

<html>

<head>
  <title>V CALC</title>
</head>

<body>
  <script type="text/javascript">
    function sum() {
      var a = document.getElementById("var1").value;
      var b = document.getElementById("var2").value;
      var c = parseInt(a) + parseInt(b);
      document.write(c);
    }
  </script>
  <p>Type first number:</p>
  <input type="text" id="var1"></input>
  <p>Type second number:</p>
  <input type="text" id="var2"></input>
  <br />
  <p>Result</p>
  <input type="button" value="SUBMIT" onclick="sum();"></input>
</body>

</html>

＆＃13;

Answer 3

尝试以下

<html>
<head>
<title>V CALC</title>
</head>
<html>
<head>
<title>V CALC</title>
</head>
<body>

<p>Type first number:</p>
<input type="text" id="var1">
<p>Type second number:</p>
<input type="text" id="var2">
<br />
<p>Result</p>
<input type="button" value="SUBMIT" onClick="sum();"> 
<script type="text/javascript">
function sum(){
    var a=parseInt(document.getElementById('var1').value);
    var b=parseInt(document.getElementById('var2').value); 
    var c = a + b;
    document.write(c);
};
</script>
</body>
</html>

我使用parseInt转换数字中的字符串数字，并按照它看到的那样分配了var a。

在JS中遇到Onclick事件的问题

3 个答案: