JSFiddle - React, Tailwind, and code Playground

by Luis Valle

HTML

<p id="para1" class="para1">Hello World!</p>
<p>This paragraph is not affected by the style.</p>

CSS

.para1 {
    text-align: center;
    color: red;
}
.para2
{
  color:blue;
}

JavaScript

$(document).ready(function()
{
var a ="Test";
if( a=="Test")
{
$('#para1').removeClass('para1').addClass('para2');
}
});