JSFiddle - React, Tailwind, and code Playground

by TrueBlueAussie

HTML

<div id="container">
    <div id="myDiv"></div>

    <p>First Paragraph</p>
    <p>Second Paragraph</p>
    <p>Third Paragraph</p>

    <input type="button" id="myBtn" value="click me" />
</div>

JavaScript

$( document ).ready(function() {

    $('#myBtn').click(function(){
        $('p:eq(1)').css('background-color', 'yellow');
        var count = $(".newDiv").length;
        if (count < 4)
        {
            var $newDiv = $('<div>').attr("id", "newDiv" + count).addClass("newDiv").css({ height: "25", width: "25", border: "2px solid blue"}); 
            $('#myDiv').append($newDiv);
        }
    });

});