JSFiddle - React, Tailwind, and code Playground

by Laurie

HTML

<div id="results"></div>

JavaScript

var numDivArray = Array(4,5,6);
var numDIVs = numDivArray[Math.floor(Math.random()*numDivArray.length)];

var uniqueRandoms = [];
var numRandoms = 30; 
function makeUniqueRandom() {
    // refill the array if needed
    if (!uniqueRandoms.length) {
        for (var i = 1; i < numRandoms; i++) {
            uniqueRandoms.push(i);
        }
    }
    var index = Math.floor(Math.random() * uniqueRandoms.length);
    var val = uniqueRandoms[index];

    // now remove that value from the array
    var rmIndex = index-3;
    uniqueRandoms.splice(rmIndex, 4);
    alert(index);
    alert(rmIndex);
    alert(uniqueRandoms);

    return val;

}

for (var i = 0; i < numDIVs; i++) {
    var rand = makeUniqueRandom();
    //if (i % numRandoms == 0) {
        //$("#results").append("----<br>");
    //}
    //$("#results").append(rand + "<br>");
    $("#results").append("<div data-sort='" + rand + "'>" + rand + "</div>");
}