JSFiddle - React, Tailwind, and code Playground

by f0t0n

HTML

<form action="" id="my-form">
    <input type="text" id="inp" />
</form>

JavaScript

var btn,
    input,
    form,
    onBtnClick;
input = document.getElementById('inp');
form = document.getElementById('my-form');
createHandler = function(i) {
    return function() {
        input.value += i;
    };
};
onBtnClick = function(i) {
    input.value += i;
};
for(var i = 0; i < 5; i++) {
    btn = document.createElement('input');
    btn.type = 'button';
    btn.value = 'Append ' + i;
    form.appendChild(btn);
    btn.onclick = createHandler(i);
}