Copying loop iterator

HTML

<span id="buttons"></span>

JavaScript

var buttons = document.getElementById("buttons");
for (var i = 0; i < 5; i++) {
  var btn = document.createElement("button");
  (function (i) {
    btn.onclick = function() {
      alert(i);
    }
  })(i);
  btn.innerHTML = "Button " + i;
  buttons.appendChild(btn);
}