OBJECTIVE:Memory Game. We will learn to make Memory game.

 

Memory Game Using HTML5 and Javascript
Project developed using HTMl, CSS, JavaScript.

How to Play

1- The objective is to collect the most pairs of cards.

2- If they successfully match a pair they get to keep the cards, and that player gets another turn.

3- When a player turns over two cards that do not match, those cards are turned face down again (in the same position)

4-The trick is to remember which cards are where.

Open index.html in any browser like chrome/microsoft edge.

1. set up the event listener for a card. If a card is clicked:

2. display the card's symbol (put this functionality in another function that you call from this one)

3. add the card to a *list* of "open" cards (put this functionality in another function that you call from this one)

4. if the list already has another card, check to see if the two cards match

5. if the cards do match, lock the cards in the open position (put this functionality in another function that you call from this one)

6. if the cards do not match, remove the cards from the list and hide the card's symbol (put this functionality in another function that you call from this one)

7. increment the move counter and display it on the page (put this functionality in another function that you call from this one)

8. if all cards have matched, display a message with the final score (put this functionality in another function that you call from this one)

Play Game : Memory Game