JSFiddle - React, Tailwind, and code Playground

HTML

<span class="element"></span>

CSS

body{
    font-family: monospace;
}

JavaScript

window.savedlvls = new Array();
var floors = ["a", "b", "c", "d"],
    floor = 1,
    step = 50,
    temp = null,
    l = 0,
    j = 0,
    k = 0;
for (l = 1; l < 201; l++) {
    if (l % step === 0) {
        floor++;
    }

    if (floor <= floors.length) {
        temp = floors.slice(0, floor); //imi ia a, ab, abc
        k = temp.length;
        if (jQuery.inArray(l + temp[j], savedlvls) == -1 && jQuery.inArray("x" + l + temp[j], savedlvls) == -1) savedlvls.push(l + temp[j]);
        j++;
        if (j == k) {
            j = 0;
        }
    } else {
        temp = floors.slice(0, floor); //imi ia a, ab, abc
        k = temp.length;
        if (jQuery.inArray(l + temp[j], savedlvls) == -1 && jQuery.inArray("x" + l + temp[j], savedlvls) == -1) savedlvls.push(l + temp[j]);
        j++;
        if (j == k) {
            j = 0;
        }
    }



}

function shuffleArray(array) {
    for (var i = array.length - 1; i > 0; i--) {
        var j = Math.floor(Math.random() * (i + 1));
        var temp = array[i];
        array[i] = array[j];
        array[j] = temp;
    }
    return array;
}


var c50 = shuffleArray(savedlvls.slice(0, 50));
var c100 = shuffleArray(savedlvls.slice(50, 100));
var c150 = shuffleArray(savedlvls.slice(100, 150));
var c200 = shuffleArray(savedlvls.slice(150, 200));
[].splice.apply(savedlvls, [0, 200].concat(c50, c100, c150, c200))




for (var i = 0; i < savedlvls.length; i++) {
    $(".element").append('<span>' + savedlvls[i] + ", " + '</span>');
}