JSFiddle - React, Tailwind, and code Playground

by lollero

HTML

<div>Sexinesss</div>

CSS

div {
    color: green;
    font-size: 12px;
    line-height: 40px;
    text-align: center;
    width: 200px;
    height: 40px;
    border: 2px solid #e1e1e1;
    
    border-radius: 20px;
}

.color {
    background: red;
    color: white;
    border: 2px solid #222;
}

JavaScript

$('div').on("click", function() {

    var myClass = 'color',
        hasClass = $(this).hasClass( myClass ),
        classAR = hasClass ? 'removeClass' : 'addClass';

    console.log( hasClass );
    
    $(this)[ classAR ]( myClass );
    
});