JSFiddle - React, Tailwind, and code Playground

by Cameron Bernhardt

HTML

<div id="card0">0</div>
<div id="card1">1</div>
<div id="card2">2</div>
<div id="card3">3</div>
<div id="card4">4</div>

JavaScript

var myHand = {
    cards: [],
};

for (var i = 0; i < 5; i++) {
    myHand.cards[i] = document.getElementsByTagName("div")[i];
    $("#card" + i).on("click", cardClicked);
}

for (var j = 0; j < myHand.cards.length; j++) {
    myHand.cards[j].isClicked = false;
}

function cardClicked(e) {
    myHand.cards[parseInt(e.target.id.substring(e.target.id.length - 1))].isClicked = true;
    for (var x = 0; x < myHand.cards.length; x++) {
        console.log(myHand.cards[x].isClicked);
    }
}