JSFiddle - React, Tailwind, and code Playground

HTML

<!--имеем первоначальный див при загрузке страницы -->
<div id="div1"> я первый!</div>

<!--и кнопку, по которой генерируем и грузим второй див -->
<button id="button">сгенерировать второй див</button>

<!--вот тут созадим второй див -->
<div id='tut'></div>

CSS

*{
    margin:10px;
    padding:10px;
}

#div1{
    width:80%;
    height:100px;
    background-color:red;
    border:1px solid black;
}

#div2{
    width:80%;
    height:100px;
    background-color:green;
    border:1px solid black;
}

JavaScript

// вешаем на кнопку создание замыкание с созданием дива, которое принемает коллбек-функцию after, которая как бы тоже замыкается выводя что тебе нужно после загрузки элемента.
document.getElementById('button').onclick = create_div(after());

//первое замыкание
function create_div(callback){
    return function(){
        
        var div = document.createElement('div');
		div.innerHTML = "Создали второй див!";
    	div.id = "div2";
    	tut.appendChild(div);
        callback();  
    }
   
}

//второе замыкание
function after(){
    return function(){
        alert('!');  // тут нужный тебе код
    }	
}
    // может можно и красивее сделать, но уже лениво думать