JSFiddle - React, Tailwind, and code Playground

by Vikash Verma

HTML

<div class="t-testbody">
            <div class="circleClass"></div>
                <button id="clickMe">Button</button>
</div>

CSS

.t-testbody {
margin-top: 100px;
margin-left: 50px;
}
.circleClass {
width: 50px;
height: 50px;
border-radius:100%;
background-color: blue;
display: inline-block;
}

JavaScript

$(document).ready(function(){
    $(".t-testbody").on("click","#clickMe",function(){
        var circle = $("<div class='circleClass'></div>");
        $(".t-testbody").append(circle);
    });
});