Почему эта карта не отображается? Javascript карточная игра

Question

Итак, у меня есть эта функция:

export function addToHandDisplay() {
    //for each card in the selectedCards array
    for (var i = 0; i < playerHand.length; i++) {
        //let variable selectedCard = the cardName property
        let selectedCard = playerHand[i].cardName;
        let thisCard = elements.handDisplay.querySelector(`.${selectedCard}`);

        console.log(selectedCard);

        //if this card is already rendered on the screen
        if (thisCard) {
            console.log(`already on screen`);
            //if it's not already rendered on the screen
        } else {
            console.log(`it shouldve been rendered`);
            elements.handDisplay.insertAdjacentHTML('beforeend',
                `<div class="showcard ${selectedCard}"></div>`);

        }
    }
}

, которая вызывается в этой функции:

function playerTurn() {
    
    console.log(`its now the players turn`);
        Deal.drawCard(deck);
        UIC.addToHandDisplay();
        Selection.handSelectionLoop();
        UIC.renderCardInSlot();
        Selection.pushIntoSlotArray();
        Selection.battlePhaseSelect();
        endTurn();
        
}

На первом повороте все работает нормально, но когда приходит второй поворот, карта не отображается на экране. console.log("it shouldve been rendered") отображается в консоли, но изображение карты не отображается в руке. Почему это могло быть?