memory-game | A card matching game built on HTML5 , CSS3 and Javascript | Game Engine library

This is supposed to be a memory game with cards with text on them.

The cards on the front should just be white (the background-image) and at the back there is a word. But since applying the backface-visibility-hidden, it actually just shows the background image and no text.

It supposed to have text only on the back, but out of curiosity I have placed text on one card on the back and on the front, only this one shows text from the front, but after flipping it does not show the back text, but only the mirror image of the front.

I have read the IE might cause problems, but not in this case, as it does not work in any browser.

I have tried playing with preserve-3d, but nothing brings me a solution.

I'm building a memory cards game with HTMl, CSS and JS to practice. This is what I've done so far: https://spomin.krix12.repl.co/ As you can see, the image of the question mark and the image of the flipped card is streched a little bit. This is the CSS code for it:

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.

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

I have a code for a Memory game with images. I took the reference for the game from this link:

Memory game

In this code , the game has a clock/ timer. I would like to make this timer into a clock down timer setting a limit of 10 mins. I dont know how to change this timer into clock down time. Can someone help me out with this problem.

I'm working on a memory game for mobile and desktop. For flipping the cards I'm making use of 3D animation. The animation looks good on desktop, but when on mobile devices you need to scroll down in order to see the cards. But the further you scroll down the page the more 'distorted' the animation becomes. Here are some gifs visualizing the problem:

• On desktop/larger screens:

  https://gyazo.com/bc0ee776b6b562f00411eda9efff92b5 On mobile devices

• when scrolled down:

  https://gyazo.com/e2e56190b8baffd548427aa8715630b3

My code:

I've been selflearning a bit about Jscript and CSS playing with the code of this card memory game: https://marina-ferreira.github.io/projects/js/memory-game/

Which I have in codeopen here: https://codepen.io/jaimesoza/pen/xxwJBde

I would like to add some text (the name of the card) only to the flipped version, for obvious reasons. I've seen some examples which do that, but I have not been able to apply them to this current CSS, as I am a total noob in these matters. Every time I try something similar to this I end up messing everything.

So in my program, the buttonPanel.setSize does not seem to be working: