如何将变量从表单传递到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()函数。

Answer 2

基本上，您可以使用n ，但前提是它是一个引用。

 var n = document.getElementById("number"); function sum(n) { var a = +n.value + 50; document.getElementById("demo").innerHTML = a; } 

 Enter a Number: <input type="number" id="number"> <button onclick="sum(n)">submit</button> <p id="demo"></p>