javascript - 如何从用户输入设置我的 javascript 变量

Question

所以我是编程新手，想创建一个应用程序，将客户输入的数值输入并将它们设置为我的变量，以便计算它们？

如何使用 JavaScript 从输入中获取值

例如 a - b = c 其中 a 和 b 已在应用程序中输入，而 c 是该计算的结果？

标签： javascript

Answer 1

这是一个示例，当您在字段中键入数字时，它会自动计算。

它用于oninput检测何时按下输入字段的向上/向下箭头，并onkeyup用于检测用户何时键入数字。

如果任一字段为空，它将清除结果。

function sum() {
  var a = document.getElementById('a').value;
  var b = document.getElementById('b').value;
  var result = document.getElementById('result');
  
  if (!a || !b){
    result.innerHTML = '';
  } else {
    result.innerHTML = parseInt(a) + parseInt(b);
  }
}

<input id="a" type="number" oninput="sum()" onkeyup="sum()" /> +
<input id="b" type="number" oninput="sum()" onkeyup="sum()" /> =
<span id="result"></span>