не работает функция javascript onclick

Question

я пробовал этот код в версии 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

Answer 2

Вы должны использовать value, чтобы установить текст для ввода:

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