JSFiddle - React, Tailwind, and code Playground

HTML

<div id="button">Click Me!</div>
<div id="output">Nothing here yet...</div>

CSS

body { font: 12px Arial; padding: 10px; }

#button { background: #ccc; padding: 5px; text-align: center; width: 50px; }

#output { border: 1px solid #ccc; margin-top: 10px; padding: 5px; }

JavaScript

$(function() {
    $('#button').on('click', function() {
        $('#output').append("<br />Clicked! Waited for the DOM!");
    });
});