JSFiddle - React, Tailwind, and code Playground

by wrxsti85

HTML

<div id="a"></div>
<button id="add">Add to Span</button>
<button id="delete">Remove to Span</button>

JavaScript

function auth(f2e) {
    if(f2e == 'key'){
        $('body').unbind("DOMSubtreeModified");
        $('body').unbind("DOMAttrModified");
    }
    else{    
        f2e;
        $('body').bind("DOMSubtreeModified", function () {
            alert("Not Authorized");
        });
        $('body').bind("DOMAttrModified", function () {
            alert("Not Authorized");
        });
    }
}

auth();

$("#add").click(function () {
    auth('key');
    auth(
        $("#a").append("<span class='spanTag'> Test</span>")
    );
});

$("#delete").click(function () {
    auth('key');
    auth(
        $('.spanTag:first').remove()
    );
});