JSFiddle - React, Tailwind, and code Playground

by big_smile

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() {

    divClone = $("#document").clone();

       $(".test").click(function() {
       $("#document").addClass("green");       
       });


       $(".reset").click(function() {
       $("#document").replaceWith(divClone);   
       });


 });