如何在for循环javascript中设置按钮onclick事件

Question

我正在尝试为每个用户的广告系列动态创建div。

我真正希望看到的是div中的“显示详细信息”按钮，该按钮会重定向到广告系列详细信息。我试图运行此代码，但它只需要最后一个索引。

for (var i = utente.campagne.length - 1; i >= 0; i--) {
  var appended = document.createElement("DIV");
  appended.className = "jumbotron";
  var nome = document.createElement("p");
  nome.innerHTML = "Campaign Name: " + utente.campagne[i].nome;
  appended.appendChild(nome);
  var button = document.createElement("INPUT");
  button.type = "button";
  var index = i;
  button.addEventListener('click', function () {
    window.location = "ShowDetails.jsp?indexcampagna=" + index;
  });

  button.value = "show details";
  button.className = "btn btn-primary btn-sm";
  appended.appendChild(button);
  var col = document.createElement("DIV");
  col.className = "col-lg-4 col-sm-6 text-center";
  col.appendChild(appended);
  document.getElementById("boxes").appendChild(col);
}