Fun and simple game
The premise of the game is to have a grid of 16 face-down cards.
The card faces consist of pairs of matches.
Clicking on cards will flip them over, revealing the value and will start the timer.
When two are chosen, if it’s a match, both cards will set to face-up with values.
If it’s not, the cards will flip back over to face-down.
The game should be different every time the game is refreshed.
Moves will change based on the player either matched or unmatched the cards also,
timer will start once player click on intial card and score rating will change based move
Click the demo to get an understanding of what we’ll be creating.
Javascript, CSS and https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css
- Display 16 cards.
- Duplicate the cards to have 2 sets of 16.
- Randomize the display of cards.
- Add selected style for selected cards.
- Only allow two cards to be selected at a time.
- Determine if two selected cards are a match and hide them.
- Reset guess count after 2.
- Add delay to selections.
- Show back of card initially and flip on select
- Finished game!
- Display number of moves once two cards flipped
- Start timer once click happend and stops when game over or clicks on reset button
- show dialog when player wins the game with score, moves and time
- score will change based on moves
- Moves, timer, score and score rating will reset when player clicks on reset and playagin in dialog or close icon.