JSFiddle - React, Tailwind, and code Playground

HTML

<div id="head_1">head_1</div>
<div id="head_2">head_2</div>
<div id="head_3">head_3</div>
<div id="head_4">head_4</div>
<div id="head_5">head_5</div>
<div id="head_6">head_6</div>

JavaScript

var headsArray = ['random_head_1','random_head_2','random_head_3','random_head_4','random_head_5'];

function setClass () {

	var length = headsArray.length;
	var randomNum;

	if ( !headsArray.length ) {
		return false;
	};

	randomNum = parseInt(Math.random()*headsArray.length);

	$(this).addClass(headsArray[randomNum]);

	headsArray.splice(randomNum, 1);
}

$('#head_1,#head_2,#head_3,#head_4,#head_5,#head_6').each(setClass);