JSFiddle - React, Tailwind, and code Playground
HTML
<html>
<head></head>
<body>
<div id="clickme">
</div>
</body>
</html>
JavaScript
function test(e, f){
for(var i = 0; i < e.length; i++) {
(function(i) {
$('#clickme').append("<button id='op" + i + "'>" + e[i] + "</button>");
$('#op' + i).click(function(){
f[i]();
});
})(i);
}
}
(function(){
var func1 = function(){
alert('1');
}
var func2 = function(){
alert('2');
}
var func3 = function(){
alert('3');
}
test(['Option1', 'Option2', 'Option3'], [func1, func2, func3]);
})();