JSFiddle - React, Tailwind, and code Playground

by Josh Hurlburt

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<div id="container">
 <div class="square"></div>
 <div class="square"></div>
 <div class="square"></div>
 <div class="square"></div>
 </div>

CSS

.square {
    width: 100px;
    height: 100px;
    background-color:black;
    margin: 5px;
}
.green {
    background-color:green;
}

JavaScript

$(document).ready(function(){
    $('.square').click(function(){
        $('.square').addClass('green');
    });
});