JSFiddle - React, Tailwind, and code Playground

by Parth Akbari

HTML

<button name="addDom">Add DOM element</button>

CSS

.module_holder {
    background-color: #09C;
    width: 200px;
    height: 100px;
    padding: 4px;
}

.module_item {
    background-color: #069;
    width: 100px;
    padding: 2px;
    height: 5px;
}

JavaScript

$(document).ready(function() {
       
    $("button[name='addDom']").click(function() {
        var domElement = $('<div class="module_holder"><div class="module_item"><img src="images/i-5.png" alt="Sweep Stakes" /></div></div>');
        $(this).after(domElement);
    });
    
});