JSFiddle - React, Tailwind, and code Playground

by alirokni

HTML

<body>
  <div id="container">

  </div>
</body>

JavaScript

function createBtn(i) {
  var btn = document.createElement("input");
  btn.type = 'button';
  btn.name = 'number';
  btn.value = "number" + i;
  btn.id = 'number' + i;
  return btn;
}


function addButton(btn) {
  var container = document.getElementById("container");
  container.appendChild(btn);
}

for (var i = 0; i < 6; i++) {
  var btn = createBtn(i);
  btn.onclick = function() {
    alert(i)
  }

  addButton(btn);
}