JSFiddle - React, Tailwind, and code Playground

by deepak sisodiya

HTML

<h1>Heading 1</h1>
<h2>Heading 2</h2>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<div>This is some important text!</div>
<br>
<button>Add classes to elements</button>

CSS

.important {
    font-weight:bold;
    font-size:xx-large;
}
.blue {
    color:blue;
}

JavaScript

// jquery addClass method

$("button").click(function () {
    $("h1,h2,p").addClass("blue");
    $("div").addClass("important");
});