https://github.com/taniarascia/memory

⭐ ‎ JavaScript Memory Game.
https://github.com/taniarascia/memory

app css game game-dev javascript mario plain-js super-mario vanilla-js

Last synced: 28 days ago
JSON representation

⭐ ‎ JavaScript Memory Game.

• Host: GitHub
• URL: https://github.com/taniarascia/memory
• Owner: taniarascia
• License: mit
• Created: 2018-01-11T05:37:04.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2020-06-12T06:41:19.000Z (almost 5 years ago)
• Last Synced: 2025-03-20T21:14:09.890Z (about 1 month ago)
• Topics: app, css, game, game-dev, javascript, mario, plain-js, super-mario, vanilla-js
• Language: JavaScript
• Homepage: https://taniarascia.github.io/memory
• Size: 1.8 MB
• Stars: 116
• Watchers: 9
• Forks: 50
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# ⭐ JavaScript Memory Game

[![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://opensource.org/licenses/MIT)

Fun and simple memory game, like the one from Super Mario 3, made with plain JavaScript.

### [Read the tutorial](https://www.taniarascia.com/how-to-create-a-memory-game-super-mario-with-plain-javascript/) | [View the demo](http://taniarascia.github.io/memory)

## Instructions

Just want to view the source of all the steps from start to finish? [View steps](https://gist.github.com/taniarascia/a3b550d568f3e6b693e89786eb333988).

- Display 12 cards.

- Duplicate the cards to have 2 sets of 12.

- 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!

## Author

- [Tania Rascia](https://www.taniarascia.com)

## License

This project is open source and available under the [MIT License](LICENSE).