JSFiddle - React, Tailwind, and code Playground

by timdown

HTML

<input type="button" value="Add element" onclick="addElement()">
<input type="button" value="Add text node" onclick="addTextNode()">
<div id="test">A div</div>

JavaScript

document.addEventListener("DOMSubtreeModified", function() {
    alert("DOMSubtreeModified fired!");
}, false);

function addElement() {
    var div = document.getElementById("test");
    var hr = document.createElement("hr");
    div.appendChild(hr);
}

function addTextNode() {
    var div = document.getElementById("test");
    var textNode = document.createTextNode("TEXT");
    div.appendChild(textNode);
}