JSFiddle - React, Tailwind, and code Playground

by dima_k

HTML

<div class="container">
  <div>First div</div>
  <div id="change-me">Some text</div>
  <p>Lorem ipsum</p>
</div>
<button id="click-me">Add class</button>

CSS

.container{
    font-size: 2em;
}

.red-text{
    color:red;
}

JavaScript

$('#click-me').click(function(){
    var el = $('#change-me');
    if(el.hasClass('red-text')){
       $('#change-me').removeClass('red-text');
    } 
    else {
        $('#change-me').addClass('red-text');
    }
});