JSFiddle - React, Tailwind, and code Playground

by Alex Fogarty

HTML

<p id="p1">My first paragraph</p>
<p id="p2">My second paragraph</p>
<p id="p3">My third paragraph</p>

CSS

.red{
 color:#F00;  
}
.green{
 color:#0f0;   
}
.blue{
 color: blue;   
}

JavaScript

$(document).ready(function() {

$("#p2").addClass("green");    

$("#p1").click(function() {
$("#p1").addClass("red");
});
    
    $("#p3").click(function() {
$("#p3").toggleClass("blue");
});

});