在 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;
}