JSFiddle - React, Tailwind, and code Playground
HTML
<article id="block-1" class="block">Block 1</article>
<br>
<article id="block-2" class="block">Block 2</article>
<br>
<article id="block-3" class="block">Block 3</article>
<br>
<article id="block-4" class="block">Block 4</article>
<br>
<article id="block-5" class="block">Block 5</article>
<br>
JavaScript
// ARRAY SHUFFLE FUNCTION \\
function Shuffle(o) {
for(var j, x, i = o.length; i; j = parseInt(Math.random() * i), x = o[--i], o[i] = o[j], o[j] = x);
return o;
};
// SAVE BLOCK IDS INTO ARRAY \\
var blockIds = []; /* our original array */
$(".block").each(function(){
blockIds.push(this.id);
});
// WE SHUFFLE THE BLOCK IDS INTO A NEW ARRAY \\
var shuffledBlockIds = Shuffle(blockIds); /* our new "temp" array */
// CLICK HANDLER \\
$('.block').on('click', function() {
var removeItem = this.id;
console.log("Clicked item: "+removeItem);
shuffledBlockIds.splice( $.inArray(removeItem, shuffledBlockIds), 1 ); /* remove clicked item from array */
console.log("Array: "+shuffledBlockIds);
});