JSFiddle - React, Tailwind, and code Playground
HTML
<div class="box work_self work_all">
first
</div>
<div class="box work_group work_all">
second
</div>
<div class="box work_group work_all">
third
</div>
JavaScript
var elements = $("div");
var elementsInnerHtmls = [];
var numberOfElements = elements.length;
for( var i = 0 ; i < numberOfElements ; i++){
elementsInnerHtmls.push(elements[i].innerHTML);
}
var checkedIndexes = [];
for( var i = 0 ; i < numberOfElements ; i++){
var randomIndex = Math.floor(Math.random()*10) % numberOfElements;
while(checkedIndexes[randomIndex] != undefined){
randomIndex = Math.floor(Math.random()*10) % numberOfElements;
}
checkedIndexes[randomIndex] = true;
elements[i].innerHTML = elementsInnerHtmls[randomIndex];
}