JSFiddle - React, Tailwind, and code Playground

by Jaybles

HTML

<div class='cloud' id='cloud1'></div>
<div class='cloud' id='cloud2'></div>
<div class='cloud' id='cloud3'></div>
<div class='cloud' id='cloud4'></div>
<div class='cloud' id='cloud5'></div>
<div class='cloud' id='cloud6'></div>
<div id="result"></div>

JavaScript

$('.cloud').each(function() {
    var cloudId = $(this).attr('id');
    var ranNum = Math.floor(Math.random() * 5000);
    setTimeout(function() {
        setTimeout(function(){
            $('#result').html($('#result').html() + cloudId + ranNum + '<br />');
        }, ranNum);
    });
});