JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <div id="ui">
    some text ...
    </div>
</body>

JavaScript

var uiDiv = document.getElementById('ui');
                    uiDiv.innerHTML = uiDiv.innerHTML + '<br>';
                    
var results = ["Button one","Button two","Button three","Button four"];

for(var n=0;n<results.length;n++)
                    {
                    uiDiv.innerHTML = uiDiv.innerHTML + '<button id="connect'+n+'">option'+n+': '+results[n]+'</button><br>';
                    
                    var tempId = document.getElementById('connect'+n);
                    tempId.addEventListener('click', function(){console.log("Button No."+n)}, false);
                    
                    }