This game will test your memory by matching some cards. I built it using HTML, CSS, and JavaScript.
It was inspired by a video tutorial, but I added my own features, like my own images and colors.
I made a memory matching game using HTML, CSS and JavaScript. The game shows a grid of cards with emojis, and the player has to flip two at a time to find it’s match before the time runs out. I learned how to create buttons, a timer, move counter, images, levels and text to appear.
This is the whole game in action
Log in to leave a comment
I added more JS where you are now able to hit the level buttons and the start button
Log in to leave a comment
I just finished the CSS and now I am on the JS
Here is some of the JS I am working on
Log in to leave a comment
Right now I am rewriting my css and this is what I have so far
I have more but this is just some
Log in to leave a comment
This is how rewriting my HTML is going
It is going well
Log in to leave a comment
added code that would make the cards flip and removed the reset button since it is not working
Log in to leave a comment
I am rewriting my code to better understand it
Here is the HTML, CSS and JS
This is some of the css I have more
Log in to leave a comment
Change this code to make it more readable and understandable
Log in to leave a comment
Added a timer and it only starts when a card is clicked on
Log in to leave a comment
Added a flip sound for the cards
A winning sound for the end of that level
A counter for the amount of moves that were played
Log in to leave a comment
Added some comments to better understand my code
Here are some examples
Log in to leave a comment
This is what I have after changing the colors multiple times
I might change again
Log in to leave a comment
Added 3 levels and changed the images
Log in to leave a comment
Now I will add some levels and each level will have different emojis
Log in to leave a comment
Now every time there is a match it stay and every time there isn’t a match it flips back
Log in to leave a comment
This is how the game is looking so far
Log in to leave a comment
These are the emojis or images I will add for this game
I might change some
This is a hint for the theme
Log in to leave a comment
Added some css
Log in to leave a comment
Made my first commit on this project
Log in to leave a comment