每次單擊都會創建新按鈕。 我應該如何為新創建的按鈕創建相同的功能

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是計算點擊次數的變量，而不是function。 您想將 function 分配給新按鈕，如下所示：

btn.onclick = clickME;

這是代碼： https://codesandbox.io/s/still-frog-0qust