现代javascript：创建5个可点击的按钮，并在每个按钮上附加一个事件，该事件将记录按钮的名称和索引位置

Question

使用现代javascript，我应该创建5个可点击的按钮，并且应该附加一个事件，该事件记录按钮名称（动态创建）和索引位置。

Answer 1

function createButton(name){
    var btn = document.createElement("BUTTON");
    btn.innerHTML = name || Math.random().toString(36).substring(7);
    console.log(btn.classList);
    btn.name = Math.random().toString(36).substring(7);
    btn.classList.add("dynamic-button");
    document.body.appendChild(btn);
    btn.addEventListener('click', function(e){
        console.log(e.target.name, e.target.innerHTML, Array.prototype.indexOf.call(document.querySelectorAll(".dynamic-button"), btn));
    });
}

这将创建动态按钮并添加日志的名称，标题和索引