JSFiddle - React, Tailwind, and code Playground

by Preetesh Jain

HTML

<div id="message">+ message.body +</div>

JavaScript

$(document).ready(function () {
    setTimeout(function () { // Simulating a new message after 2 seconds
        $('#message').html("I am a new message!!!").triggerHandler('newMsg');
    }, 2000);

    var msg;

    $('#message').on('newMsg', function () {

        msg = $(this).html();
        alert("NEW MESSAGE: " + msg);
    });
});