JSFiddle - React, Tailwind, and code Playground

HTML

<div id="parent">


</div>

JavaScript

function bootstrap() {
	var parentContainer = document.getElementById("parent");
  
  for (var x = 0; x < 3; x++){
  	var buttonElement = document.createElement("button");
    buttonElement.innerTest = "click me " + x;
    var btnID = "button-" + x; // unique id for changing element inside of test()
    
    /* desired result is <button onclick="test(<runtime value of btnID>)"></button> */
    buttonElement.onclick = function () { test(btnID)  };
    
    parentContainer.appendChild(buttonElement);
  }

}

function test(elementID){
	alert(elementID);
}