如何检测在 Javascript for 循环中单击了哪个按钮？

Question

I made a loop generating 15 "levels" for my project. How could I detect which of these 15 buttons is clicked specifically so I can load the appropriate level (load level 1 when first button is clicked, level 2 when second button is clicked, etc.)? Thanks!

function loadLevels(){
    for (var i = 1; i < 16; i ++){
        var btn = document.createElement("button");
        var lvlNumber = document.createTextNode(i);
        btn.appendChild(lvlNumber);
        document.body.appendChild(btn); 
        btn.addEventListener("click", function(){
            startedLevel(i);
        });
    } 
}

Answer 1

You can benefit event capturing & bubbling. Select the all of buttons' parent element then attach an event listener to this element. Then in the callback write console.log(e.target) so you can see which button actually clicked.