按鈕制作盒子並在里面添加計數的數字

Question

我無法啟動。 我正在嘗試制作一個“添加框”按鈕，每次單擊它都會向容器添加一個新框。 但我還需要顯示在框中的數字。 例如，當我單擊一次時，一個框顯示為 1，然后第二個框顯示為 2，依此類推。我不確定如何在 js 中組合它們。

Answer 1

開始。 試試這個演示。 https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_onclick

這里有一個代碼可以添加 Hello World 文本。 更改代碼以創建一個框。

Answer 2

由於您沒有包含任何代碼，我只能猜測。 但我認為你的意思是這樣的：

 var boxes = 1; var addBox = function(){ document.getElementsByClassName("boxes")[0].innerHTML += "<div>Box " + boxes + "</div>"; boxes++; }; window.addEventListener("load", function(){ document.getElementsByClassName("addBox")[0].addEventListener("click", addBox); });

 <button class="addBox">Add Box</button> <hr> <div class="boxes"></div>

---

這段代碼只是一個簡單粗暴的例子，說明了它是如何完成的。
我基本上只是創建一個計數器變量，並在每次執行addBox() function 時遞增它。