添加两列并在 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); }现在我在警报中得到答案，但不在info3. 我NaN在第三个中得到作为输出。我知道它不是数字，而是如何转换以便在我的列中获得输出。

Answer 1

info1并且info2已经具有元素的值。您错误地尝试再次访问该值，而该值实际上不存在并提供undefined. 因此undefined + undefined结果NaN（Not-A-Number）。

此外，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;

}