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

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>

This is the code that created new button with the counter. Now I want to implement same functionality for each of the new buttons. Please guide me.

Answer 1

The problem is in this line

btn.setAttribute("onClick", clicks);

clicks is a variable which counts the clicks, not a function. You want to instead assign the function to the new button, like this:

btn.onclick = clickME;

Here's the code: https://codesandbox.io/s/still-frog-0qust