在 HTML 表中添加两列并在第三列显示结果

Question

 function = () => {
    var info1 = parseInt(document.getElementById("info1").value);
    var info2 = parseInt(document.getElementById("info2").value);
    var res = Number(info1.value + info2.value);
    var info3 = document.getElementById("info3");
    info3 = Number(res);
 }

现在我在 alert 中得到答案，但在info3中没有。 我在第三个中得到NaN作为 output 。 我知道它不是数字，而是如何转换，以便在我的专栏中得到 output。

Answer 1

info1和info2已经具有元素的值。 您错误地尝试再次访问确实不存在并提供undefined的值。 因此undefined + undefined结果为NaN （非数字）。

此外， info3引用元素，您必须使用value属性将新值分配给元素。

请注意： function = () => {...不是有效的语法。 此外，由于输入值为string类型，因此在设置值之前将值转换为数字是没有意义的。

试试下面的方法：

var myFunction = () => {
  var info1 = parseInt(document.getElementById("info1").value);
  var info2 = parseInt(document.getElementById("info2").value);
  var res = info1 + info2;
  var info3 = document.getElementById("info3");
  info3.value = res; // Number(res) is meaningless here
}

Answer 2

如果返回NaN则设为 0

示例var info1= NaN|0

function = () => {
    var info1 = parseInt(document.getElementById("info1").value) | 0;
    var info2 = parseInt(document.getElementById("info2").value) | 0;
    var res = Number(info1.value + info2.value) | 0;
    var info3 = document.getElementById("info3");
    info3 = Number(res) | 0;
}