Как получить data-framework как значение в javascript для сравнения

Question

Я дал моим html-элементам структуру данных, но когда я хочу сравнить их в JavaScript, он говорит, что он не определен. Не могу найти, как узнать стоимость выбранных карт

const allCards = document.querySelectorAll(".card");
let hasFlipedCard = false;
let firstCard, secondCard;

function flipCard (){
this.classList.add('card-flipped');

if(!hasFlipedCard){
    hasFlipedCard = true;
    firstCard = this;

}else{
    hasFlipedCard = false;
    secondCard = this;       
}
if(firstCard.dataset.framework === secondCard.dataset.framework){
    firstCard.removeEventlistener("click",flipCard);
    secondCard.removeEventlistener("click",flipCard);
} else{
    setTimeout(flipBack,500);
}
}

function flipBack(){
document.querySelectorAll(".card-flipped").forEach(element => {        element.classList.remove("card-flipped");
})
};

allCards.forEach(card => card.addEventListener("click",flipCard));

Я бы хотел сравнить значения данных по нажатой карточке