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

Answer 2

您應該使用value來設置輸入中的文本：

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