JSFiddle - React, Tailwind, and code Playground

by Ryan Brackett

HTML

<div id='gameboard'>
    <p class='card'>Hello</p>
    <p class='card'>Hello</p>
    <p class='card'>Hello</p>
    <p class='card'>Hello</p>
    <p class='card'>Hello</p>
    <p class='card'>Hello</p>
</div>

CSS

.position{
    background: #000;
}

JavaScript

var __OBJECTS = [];

$('#gameboard .card').each(function() {
    __OBJECTS.push($(this));
});

addPositioningClasses();

function addPositioningClasses() {
    var $card = __OBJECTS.pop();
    console.log($card.html());
    if (__OBJECTS.length) {
        setTimeout(addPositioningClasses, 500)
    }
}