JSFiddle - React, Tailwind, and code Playground
HTML
<button type="button" id="Delta1">Blast Off!</button>
<div id="insertHere"></div>
JavaScript
var functions = ['btn1()', 'btn2()', 'btn3()', 'btn4()', 'btn5()', 'btn6()', 'btn7()', 'btn8()', 'btn9()', 'btn10()'];
var ctr = 1;
$('#Delta1').click(function () {
var div = document.getElementById('insertHere');
for (var i in functions) {
var btn = document.createElement('button');
var txt = document.createTextNode(String(ctr));
btn.appendChild(txt);
btn.setAttribute('type', 'button');
btn.setAttribute('onclick', functions[i]);
btn.setAttribute('id', 'button' + ctr);
div.appendChild(btn);
ctr++;
}
});
for (var i in functions.length) {
alert(ctr);
//document.write('function btn'+ctr+'(){alert("button jajajajajaj'+ctr+'");}');
function btn(){alert("button jajajajajaj");}
ctr++;
}
function btn2() {
alert('button 2');
}
function btn3() {
alert('button 3');
}
function btn4() {
alert('button 4');
}
function btn5() {
alert('button 5');
}
function btn6() {
alert('button 6');
}
function btn7() {
alert('button 7');
}
function btn8() {
alert('button 8');
}
function btn9() {
alert('button 9');
}
function btn10() {
alert('button 10');
}