JSFiddle - React, Tailwind, and code Playground

by Sibeesh Venu

HTML

<div id='container'></div>

CSS

p {
  border: 1px solid #ccc;
  border-radius: 5px;
  height: 18px;
  width: 18px;
  padding: 5px;
  text-align: center;
  background-color: #999;
  color: #fff;
  float: left;
}

JavaScript

$(document).ready(
function() {
setInterval(function() {
var randomnumber = Math.floor(Math.random() * 20);
    var html='';
    for(i=0;i<randomnumber;i++)
    {
        html+='<p>'+ randomnumber+ '</p>';
    }
    $('#container').html(html);
}, 1000);
});