JSFiddle - React, Tailwind, and code Playground

HTML

<button class="foo">Hello</button>
<button class="bar">Add Element</button>

CSS

.foo, .bar {
    display: block;
    margin-bottom: 5px;
}

JavaScript

$(document).ready(function () {
    function hello() {
        alert('hello');
    }

    function addElement() {
        $('body').append('<button class="foo">Hello 2</button>');
    }

    // Eventhandler
    $('.foo').click(hello);

    $('.bar').click(addElement);

    // Event Delegation
    //$(document).on('click', '.foo', hello);
});