JSFiddle - React, Tailwind, and code Playground

by bobbyfrancisjoseph

HTML

<div id="wrapper"></div>

CSS

#wrapper {
        position: absolute;
        border: 1px solid black;
        width: 400px;
        height: 400px; 
        background-color:#cccccc;    
}

.inner
{
position:relative
width:10;
height:10
}

JavaScript

$(document).ready(function() {
        "use strict";
    
    var randomArray = [100,200,150,50,250,300,200,100]

        var NR_OF_ITTERATIONS = 4,
            RADIUS = 40,
            i,
            $wrapper = $("#wrapper");

        for(i=0;i<NR_OF_ITTERATIONS;i+=1) {
            $wrapper.append(
                $("<div class = 'inner' />")
                    .css({
                        top:  randomArray [i*2],
                        left:  randomArray [i*2+1]
                    });
            );
        }
    };