按钮制作盒子并在里面添加计数的数字

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 时递增它。