JSFiddle - React, Tailwind, and code Playground

HTML

<input type="button" value="Click to change...." id="btn" /><br/><br/>
Live Div:<br/>
<div id="live" class="border">Hello</div><br/>
Original:<br/>
<div id="org" class="border"></div>

CSS

.border {
    border: 1px solid black;
    padding: 5px;  
}

JavaScript

$('#btn').click(function() {
    $('#live').html('I just changed!!!');
});

$('#live').bind('DOMCharacterDataModified', function(e) {
    $('#org').append('The live div just changed! Its previous value was:<br/>');
    $('#org').append(e.prevValue+'<br/>');
    $('#org').append('It has just been changed to:<br/>');
    $('#org').append(e.newValue+'<br/>');
});