JSFiddle - React, Tailwind, and code Playground

HTML

<div id="document">
<a href="#" class="test">TEST Link</a>
<a href="#" class="reset">RESET Link</a>
</div>

CSS

.green {
    background-color: #0C0;
}

#document {
    width:400px;
    height:400px;
    margin:auto;
}

JavaScript

$(document).ready(function() {
    
    var divClone = $("#document").clone();
    
    $(document).on('click', '.test', function() {
        $("#document").addClass("green");
    }).on('click', '.reset', function() {
        $("#document").replaceWith(divClone.clone());
    });
    
    

});