gr33nm0nk2802/mind-map

A simple Vanilla JavaScript game to flip cards and find matches

Memory Game

A retro grid-based game in vanilla JavaScript, HTML and CSS Memory Game, also known as the Concentration card game or Matching Game, is a simple card game where you need to match pairs by turn over 2 cards at a time. There are so many versions of it it is hard to in down it's exact origin. If you want to learn how to use setAttritube and getAttribute effectively, please have a look at my code.

What inbuilt functions are we going to focus on?

• for loops
• addEventListener
• setAttribute
• getAttribute
• data-name
• document.querySelector
• createElement

Rules of Memory Game

• You will start by flipping over one card
• If the next card you flip matches, a pop up alert notifies you and you get +1 to your score
• These cards then disspear
• If the next card you flip does not match, a pop up alert notifies you of ths and the cards flip back
• The game continues until you match all the cards on the board