const player1Click = () => {
if (playersTurn === 1 && canClick === true) {
player1Card = deck.pop();
const cardElement = createCard(player1Card);
// in case this is not the 1st time
// empty the card container
cardContainer.innerHTML = '';
cardContainer.appendChild(cardElement);
const player2Click = () => {
if (playersTurn === 2 && canClick === true) {
const player2Card = deck.pop();
const cardElement = createCard(player2Card);
cardContainer.appendChild(cardElement);
if (player1Card.rank > player2Card.rank) {
} else if (player1Card.rank < player2Card.rank) {