JSFiddle - React, Tailwind, and code Playground

by Rahul Desai

HTML

<button onclick="createElem()" >Add Neew Boxes</button> 
<div id="demo"></div>

CSS

.boxes{ background-color: lightgreen; height: 140px; width: 160px; border: 1px solid green; margin: 30px; display: inline-block; } .boxes:hover{ transform:scale(1.74,1.84); }

JavaScript

function createElem(){ 
    var block = '<div class="boxes" onclick=($(this).remove())>'; 
    block += '<p>Click to destroy me</p></div>';
    $('#demo').append(block); 
}