JSFiddle - React, Tailwind, and code Playground

HTML

<h2>Click to Add JQuery Box</h2>
    <div class="box">Html Box 1</div>
    <div class="box">Html Box 2</div>
    <div class="box">Html Box 3</div>
    <div id="res"></div>

CSS

.box{
        width:50px;
        height:50px;
        background-color:gray;
        color:white;
        float:left;
        border:medium blue solid;
        margin:10px;
    }

JavaScript

$("h2").click(function(){
$("#res").html('<div class="box">JQuery Box 4</div>');

$(".box").hover(function () {
$(this).css("color","red");},
function(){
$(this).css("color","white");
});
});