Build a Memory Game using HTML CSS & JavaScript

👋 Hey Friends!
In this tutorial, we are creating a Memory Game with HTML, CSS & JavaScript

Source Code:

Get my Java Tutorial Book Online for Free:

👍 Subscribe for more tutorials like this:
Check my Personal Website:

⭐️ Want to learn more from me? Check out these links:

JavaScript Projects for beginners

Java Programming Tutorial from scratch to advanced

HTML 5 Tutorial from scratch to advanced

CSS 3 Tutorial from scratch to advanced

JavaScript Programming from scratch to advanced

Data structure and Algorithm in C++

Please like and subscribe to my channel and press the bell icon to get new video updates.
💖 Thanks for everything!

[longduong]

Timelapse:

0:05 Demo

1:04 HTML

1:54 CSS


7:50 Javascript

19:14 Result

[Eevaaf.]

Why my card wont flip, and the timer and the moves doest start?

[hananeht]

Hello please teacher with what can I replace getAttribute in the ligne 45 cause Cannot read <<getAttribute>> null please tell me and thanks 👍🙏

[mohamed.adel.dev.]

your best and good DEV
goood job and good Prject

[justdragonplaying]

How do you make it so that you'll only have limited moves?

[viktryyy]

I can't make the animation of flipping the cards, the back side just disappears somewhere. please help me

[janenguyen]

have a good day! thank you so much for making this video, but can you make a tutorial for us when there are 2 pics match then they are disappear or disable?I'm so grateful to you 😭

[Rello]

How did you get those emojis on the notepad app?

[max-wbvn]

html{
width: 100%;
height: 100%;
background: linear-gradient(325deg, #03001e 0%, #7303c0 30%, #ec38bc 70%, #fdeff9 100%);
font-family: Arial, Helvetica, sans-serif;
overflow: hidden;
}
this part is not working can you help me

[alaasarsor]

why the java script dont working
but the html work fine can you help me