JSFiddle - React, Tailwind, and code Playground

HTML

<div id='container'>
    <div id='add_element' class='button'>Добавить элемент</div>
    
</div>

CSS

.button
{
    border: 1px solid black;
    padding:10px 5px;
    text-align:center;
    cursor:pointer;
    margin: 0 0 30px 0;
}

JavaScript

function add_element () {
    var block = document.createElement('div');
    block.setAttribute('class','dynamic_block');
   block.innerHTML = 'Щелкни на меня!';
 document.getElementById('container').appendChild(block);
}

document.getElementById('add_element').addEventListener('click', add_element);

function dynamic_block_listener(e)
{
    var needly_element_class = 'dynamic_block',
        real_element_class = e.target.getAttribute('class');
    if ( real_element_class == needly_element_class)
    {
        alert('event on dynamic block!');
    }
}

document.getElementById('container').addEventListener('click', dynamic_block_listener);