javascript onclick 函数不起作用

Question

我在 vs 2017 中尝试了这段代码，但它不起作用。我无法控制台总计和其他文本变量，但我无法在文本框中填充结果。

function myFunction1() {

  var text1 = document.getElementById("txt1").value;
  console.log(text1)
  var text2 = document.getElementById("txt2").value;
  var text3 = document.getElementById("txt3").value;
  var text4 = document.getElementById("txt4").value;
  var total1 = parseFloat(text1) + parseFloat(text2) + parseFloat(text3) + parseFloat(text4);
  console.log(total1)

  document.getElementById("txt1").innerHTML = total1;
}

<input type="text" id="txt1" />
<input type="text" id="txt2" />
<input type="text" id="txt3" />
<input type="text" id="txt4" />
<input type="text" id="total" />

<input type="submit" onclick="myFunction1()" />

Answer 1

使用value而不是innerHTML在您的结果输入上。因为输入元素没有 innerHTML

document.getElementById("monthlyAmount").value = total1

innerHTML表示元素的起始标签和结束标签之间的 HTML。如 <input>元素没有结束标签，因此它没有 innerHTML