JSFiddle - React, Tailwind, and code Playground

by geortravel

HTML

<span></span>

<div></div>

CSS

body {
     cursor: pointer;
 }
 div {
     width: 50px;
     height: 30px;
     margin: 5px;
     float: left;
     background: green;
 }
 span {
     color: red;
 }

JavaScript

$( document.body )
  .click(function() {
    $( document.body ).append( $( "<div>" ) );
    var n = $( "div" ).length;
    $( "span" ).text( "There are " + n + " divs." +
      "Click to add more.");
  })
  // Trigger the click to start
  .trigger( "click" );