每次单击时都会创建新按钮.我应该如何为新创建的按钮创建相同的功能

Question

var clicks = 0;
function clickME() {
clicks += 1;
document.getElementById("clicks").innerHTML = clicks;

var btn = document.createElement("BUTTON");
var t = document.createTextNode(clicks);
btn.setAttribute("onClick", clicks);
btn.appendChild(t);
document.body.appendChild(btn);

}
<button type="button" onClick="clickME(**strong text**)">Click me</button>
<p>Clicks: <a id="clicks">0</a></p>

这是使用计数器创建新按钮的代码。现在我想为每个新按钮实现相同的功能。请指导我。

Answer 1

问题出在这一行

btn.setAttribute("onClick", clicks);

clicks是一个计算点击次数的变量，而不是一个函数。您希望将函数分配给新按钮，如下所示：

btn.onclick = clickME;

代码如下： https://codesandbox.io/s/still-frog-0qust