JSFiddle - React, Tailwind, and code Playground

by Josh Eastburn

HTML

<div id="main">
    <button id="addButton">Add Item</button>
    <button id="removeButton">Remove Item</button>
    <div id="items"></div>
    <div id="log"></div>
</div>

JavaScript

var addItem = function () {
    $('#items').append('<div><button class="print-log">Log</button></div>');
}

var removeLast = function () {
    $('#items > div').last().remove();
}

var printLog = function () {
    $('#log').append('<div>' + new Date() + '</div>');
}

$('#addButton').on('click', addItem);
$('#removeButton').on('click', removeLast);
$('#main').on('click', '.print-log', printLog);