添加两列并在 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|0function = () => {    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;}