FlipCards | A 3D Flip Card for Android | Android library

I have a sample version here of what I am trying to do. I am unsure what I'm missing but I definitely am missing something. Both flipcards lead to the same link and I can't get them to be separate, when I change one the other changes too. I tried making a separate class but I think I did it wrong. Also wondering how to fix the lag that occurs for the second flipcard. Thank you in advance.

I made a memorie game with 6 cars (3 matches). I want to make something that is all 3 matches are made that you hear a win sound (win.play()). So i need an if statment that scans if all 3 matches are made and then plays the audio. But i don't know how to scan if the matches are made.

Been having an issue with a game I'm working on. The idea is based off of the card game WAR. I have a few functions to flip the cards and check the values of the flipped cards which function fine. The problem occurs when the 'war' aspect comes in. For whatever reason, when the war is declared, the arrays in the console are populated with undefined values (up to about 400) and the recursive function continues to run until it hits a set number of times. All data is being displayed in the console. My question is, why is this happening? It is not intentional for anything to be populated or for the war function to run that many times. Is it an issue with how the arrays are being filled with data or is it a problem with the recusive function? I really don't know, but if anyone has an ideas, I'm all ears.

I'm making simple flip card game that will lock the cards in the flip position if the two cards match and switch them back to the rest position if they don't match. When the first pair of cards are flipped whether it's a match or not, the game works properly. The problem is when I click on a third card, the console returns the error:

"Uncaught TypeError: Cannot read property 'dataset' of null at checkForMatch at HTMLDivElement.flipCard"

How could I address this problem?

Solved see the answers

I am using flip card package to make flip cards.
I have many cards in the same page and I want to flip them all when I press a button.
I used the example in the documentation :

Good day, I just want to ask because I don't know what this means? I am aiming to make a card that will produce sounds on both cards the front and back. I changed the list file on my flutter to the way I think I know. I extended the Back class to the FlashcardList class. and I added a list of my back class for the back picture, and I changed my back picture to the list of Back class.

This is my code:

I'm making a flip card game, but the check for matches function won't work. I'm also unsure if I should use

.dataset.framework

or

.dataset.name

for my checkForMatch() function. And since the checkForMatch() function will not work, I can't limit to opened cards to two (as in, I can just keep opening cards as much as I can, without the cards unflipping back to normally despite the fact that I've included unflip function).

I referred to this tutorial and this tutorial, since these are exactly how I want my code to turn out to be but nothing seems to be working.

Codepen is here: https://codepen.io/siapanamasaya/pen/GRqwdQE

I'm making flip card game, but the photo won't stay opened when I click on it. I've listed down what needs to be done in the JS, but can't seem to wrap my head around how I can implement them to my HTML file. The photos are supposed to appear randomly (like typical flipcard games), but when I try to add some other functions on the JS file, suddenly the random function that previously worked, no longer works.

Also, I'm supposed to use .card.open for the photo to stay open when I click them. But when I add this function to my CSS file, click function no longer works.

I referred to this tutorial since this is exactly how I want my code to turn out to be but nothing seems to be working.

Codepen is here: https://codepen.io/siapanamasaya/pen/GRqwdQE