JSFiddle - React, Tailwind, and code Playground

by Evan Raskob

HTML

<div class="jumble">13</div>
<div class="jumble">10</div>
<div class="jumble">7</div>

CSS

.jumble {
    top:0;
    left:0;
    position:absolute;
}

JavaScript

function jumbleDivs()
{
    // get all divs with class "jumble"
    // randomly position divs
    
   $('.jumble').css('top', function(index,val){
        var newX = Math.random()*300;
        return newX;
    });
    
   $('.jumble').css('left', function(index,val){
        var newY = Math.random()*300;
        return newY;
    });
    
    
}

window.addEventListener('click', function(){
    jumbleDivs();
});