使用for循环触发时，javascript/firebase - Button类不工作

for (var i = 0; i < 5; i++) {
  (function(index) {
    // 在闭包中使用index变量，确保每次迭代都有独立的作用域
    var button = document.createElement('button');
    button.addEventListener('click', function() {
      console.log('Button ' + index + ' clicked');
    });
    document.body.appendChild(button);
  })(i);
}

function createButton(index) {
  return new Promise(function(resolve, reject) {
    var button = document.createElement('button');
    button.addEventListener('click', function() {
      console.log('Button ' + index + ' clicked');
      resolve();
    });
    document.body.appendChild(button);
  });
}

var promises = [];
for (var i = 0; i < 5; i++) {
  promises.push(createButton(i));
}

Promise.all(promises)
  .then(function() {
    console.log('All buttons created');
  });