JSFiddle - React, Tailwind, and code Playground

by klaascuvelier

HTML

<div id="test">-</div>

JavaScript

var elements = ['p', 'a', 'span'];
var classes = {
    'p' : ['c1'],
    'a' : ['c2', 'c3', 'c4'],
    'span': ['c5', 'c6'] 
}

var i, max;
var len = elements.length;
var df = document.createDocumentFragment();

for (i = 0, max = 10000; i < max; i++)
{
    var el = elements[ (Math.floor(Math.random() * len)) ];
    var ll = classes[el].length;
    var cl = (ll === 1 ? classes[el][0] : classes[el][ (Math.floor(Math.random() * ll)) ]);
    

   var element = document.createElement(el);
   
   element.className = cl;
   element.innerHTML = '[' + el + ': ' + cl+ ']&nbsp;';
   df.appendChild(element);       
}
           
document.getElementById('test').appendChild(df.cloneNode(true));