JSFiddle - React, Tailwind, and code Playground
by krishanudey
HTML
<p>Hello</p>
<p>Goodbye</p>
<button id="btnAdd">Click Me To Add "highlight" class</button>
<br />
<button id="btnRemove">Click Me To Remove "highlight" class</button>
CSS
p {
margin: 8px;
font-size: 16px;
}
.selected {
color: blue;
}
.highlight {
background: yellow;
}
JavaScript
$("#btnAdd").click(function () {
$("p").addClass("highlight");
});
$("#btnRemove").click(function () {
$("p").removeClass("highlight");
});