JSFiddle - React, Tailwind, and code Playground

by chridam

HTML

<div class="cube"></div>
<div class="cube"></div>
<div class="cube"></div>
<div class="cube"></div>

CSS

.cube {
    width:50px;
    height:50px;
    background-color:red;
    border-radius:25px;
    position:absolute;
}

JavaScript

$(function () {       
    var Wh = window.innerHeight;
    $('.cube').each(function() {
         var number = (1 + Math.floor(Math.random() * Wh)-50);
        $(this).css({"right":number+"px","top":number+"px"});
    });
});