JSFiddle - React, Tailwind, and code Playground

by milad biroonvand

HTML

<div id="mydiv" class="x">Hellooo</div>

<div class="btn" onclick="changeIt()">Toggle Class</div>

CSS

.x {
    color: red;    
}
.y {
    color: blue;    
}
.btn {
    border: 1px solid #666;
    padding: 5px;    
}

JavaScript

document.addEventListener("DOMAttrModified", function(e) {
   
    }
}, false);

function changeIt() {
    var mydiv = $('#mydiv');
    if(mydiv.hasClass('y')) {
        mydiv.removeClass('y');
    }
    else {
        mydiv.addClass('y');
    }
}