javascript - 如何将变量从表单传递到 JavaScript 构造函数？

Question

我如何告诉表单将​​其数据传递给函数，而不是调用 sum() 并在函数内部定义变量

onclick="sum(N)"

本练习的目标是了解 JavaScript 构造函数。

这是我尝试过的示例。输出应该是 50 + N，但我只得到 50。

Enter a Number
<input type="number" id="number">
<button onclick="sum(N)">submit</button>

<p id="demo"></p>

<script>
  N = document.getElementById("number").value

  function sum(N){

    var a = N + 50;
    document.getElementById("demo").innerHTML = a;

  }
</script>

谢谢

Answer 1

更改此:

<button onclick="sum(N)">submit</button>

至:

<button onclick="sum(document.getElementById('number').value)">submit</button>

并摆脱这个:

 N = document.getElementById("number").value

单击按钮时，您需要将值从 input 传递到 sum() 函数...