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>

如何将表单中的变量传递给javascript构造函数？

2 个答案: