The classic flip the cards and remember where all the matching pairs are, game!
When you click a card and you have exposed a matching card, the pair will stay visible. If not, it will flip back again. The scoring game tracks the number of clicks. You start off with blank cards. At any point, you can restart the game and it will refresh the whole grid. At the end of the game you will be presented with a score.
To play the game just download(clone) the file unto your desktop. Unzip it and double click on the index.html to open it.
The game board consists of sixteen cards arranged in a grid. The card deck has eight matching pairs of cards, each one has random symbols on one side.
- Flip the card to reveal the other side.
- Then flip another card to see if you can find a matching card.
- When the cards match both cards will stay visible.
- Then if the cards don't match, both cards are flipped back and becomes hidden.
- When all cards have been matched the game is complete.
- After Infinite moves you don't lose the third thumb
- After 16 moves you lose the second thumb
- After 14 moves you lose the first thumb
- A timer displays elapsed time and final time is displayed on the winning screen
- At the start you get three thumbs, as you take more moves to complete the game your thumbs diminish
- At the end of the game a popup appears with thumbs left, time taken and a count of your total moves
- Ability to restart the game
Array shuffle http://stackoverflow.com/questions/2450954/how-to-randomize-shuffle-a-javascript-array
Card Effects https://daneden.github.io/animate.css/
Timer https://www.w3schools.com/js/tryit.asp?filename=tryjs_timing_stop