JSFiddle - React, Tailwind, and code Playground

HTML

<div id="samplediv">over here</div>

JavaScript

function toggle(){
    //console.log('hi');
    
    var samplediv = document.getElementById('samplediv');
    samplediv.innerHTML = '';
    
    var i = 1;
    for(var i = 0; i < 3; ++i){
       
        var jh = document.createElement('div');
        jh.id = 'jh'+i;
        jh.innerText = 'Hi This is '+i;
        
        var edit = document.createElement('div');
        edit.id = 'edit'+i;
        edit.style.display = 'none';
        edit.innerText = 'Edit '+i;
        
        samplediv.appendChild(jh).appendChild(edit);
        
        document.getElementById('jh'+i).addEventListener("click", function(){
            
            var jhIndex = this.id.split('jh')[1];
            document.getElementById('edit'+jhIndex).style.display= 'block';
        });
    }
}


toggle();