JSFiddle - React, Tailwind, and code Playground

by Satpal Singh

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 () {
    var circle = $("<div class='circleClass'></div>");
    $(".t-testbody").on("click", "#clickMe", function () {
        $(".t-testbody").append(circle.clone());
    });
});