html 如何连接输入与a和B？

okxuctiv 于 2022-12-09 发布在其他

关注(0)|答案(1)|浏览(107)

如何将a与连接，将B与连接？
例如，如果用户键入第一个输入，则a将具有与第一个输入相同的值。
且当使用者键入第二输入时，B值将与第二输入相同。

<!DOCTYPE html>
<html>
<body>


<input id="Number1" type="number">
+
<input id="Number2" type="number">
= 

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

<script>
let a = 2;
let b = 3;
let c = a + b;
document.getElementById("demo").innerHTML = c;
</script>

</body>
</html>

Html

来源：https://stackoverflow.com/questions/74699273/how-to-connect-input-with-a-and-b

1条答案

按热度按时间

8dtrkrch1#

您可能需要某个事件处理程序来执行某些代码以响应特定事件。您可以使用一个按钮来计算并输出答案：

<input id="Number1" type="number" />
+
<input id="Number2" type="number" />
=
<p id="demo"></p>
<button id="calculate">Calculate</button>

<script>
  function handleClick() {
    const num1 = document.getElementById("Number1").value;
    const num2 = document.getElementById("Number2").value;
    const answer = num1 + num2;
    document.getElementById("demo").innerHTML = answer;
  }

  document.getElementById("calculate").addEventListener("click", handleClick);
</script>

或者，您可以加入事件侦听程式，以便在输入值变更时执行。

<input id="Number1" type="number" value="0" />
+
<input id="Number2" type="number" value="0" />
=
<p id="demo"></p>

<script>
  function handleChange() {
    const num1 = document.getElementById("Number1").value;
    const num2 = document.getElementById("Number2").value;
    const answer = num1 + num2;
    document.getElementById("demo").innerHTML = answer;
  }

  document.getElementById("Number1").addEventListener("change", handleChange);
  document.getElementById("Number2").addEventListener("change", handleChange);
</script>

这些都是非常简单的实现，对于更高级的应用，你可能会想使用一些框架（例如React）。

赞(0）回复(0）举报 2022-12-09

我来回答

html 如何连接输入与a和B？

1条答案

相关问题

热门标签

最新问答