分配給變量的 innerHTML 不能實時更新？

Question

我正在嘗試將 div 的文本與根據不同按鈕 onclicks（使用普通 js）更改值的變量連接起來，但無法弄清楚如何以實時方式更新 inner.HTML，它只需要頁面上的任何值加載。 我究竟做錯了什么？ Js學生在這里。

 var counter1=0; var counter2=0; var counter3=0; var countertotal=counter1+counter2+counter3; document.getElementById("text").innerHTML= "Total" + "&nbsp" + parseInt(countertotal); function count1() { document.getElementById("button1").innerHTML =parseInt(counter1); counter1++; } function count2() { document.getElementById("button2").innerHTML =parseInt(counter2); counter2++; } function count3() { document.getElementById("button3").innerHTML =parseInt(counter3); counter3++; }

 <html> <body> <div id='text' style="font-size:50px"></div> <button style= "width:400px; height:150px; font-size:100px; display:block" id="button1" onclick="count1()"></button> <button style="width:400px;height:150px; font-size:100px; display:block" id="button2" onclick="count2()"></button> <button style="width:400px;height:150px;font-size:100px;display:block" id="button3" onclick="count3()"></button> </body> </html>

Answer 1

您應該在單擊每個按鈕后更新計數器總數，然后更新計數器總數 innerHTML。 您只更新單個按鈕實例上的計數器。

例如在 function count1

function count1() {
   document.getElementById("button1").innerHTML =parseInt(counter1);
   counter1++;
   countertotal++;
   document.getElementById("text").innerHTML =  "Total" + "&nbsp" + 
   parseInt(countertotal);
}

此外，總價值不會自動更新，因為代碼是從上到下運行的，並且您按值傳遞值。 有關此主題的更多信息，您可以在此處閱讀：價值與參考

分配給變量的 innerHTML 不能實時更新？

問題描述

1 個解決方案

解決方案1
0 已采納 2020-11-29 17:11:54

分配給變量的 innerHTML 不能實時更新？

問題描述

1 個解決方案

解決方案1 0 已采納 2020-11-29 17:11:54

解決方案1
0 已采納 2020-11-29 17:11:54