Memory Game using jQuery

Language

Memory Game with Source Code is a purely HTML5 and Javascript (Jquery) project. This project was developed using HTML5 for the interface, CSS for the design and Javascript (Jquery) for the functionalities. To run the game all you need is a web browser that has a version that supports jquery. Also, the code itself will help you to learn other techniques  or any ways in any web application project for better user interaction.

About the Game

This Memory Game is easy to play but challenging in terms of memorizing the placement of the cards. Each card placement are shuffled every time the game starts. The code itself gives the player 30 seconds to familiarize the placement of the cards, also the player can skip the countdown and proceed to the game.

Download the Memory Game using Jquery source code and follow the instructions below on how to run and how the game is being played.

How to play

  • This game will be played by 2 player in a computer and have 20 shuffled pair of cards to match.
  • When the game starts, players will be given 30 seconds to memorize or familiarize the placements of the cards but if they already do and the countdown is not yet done, player can skip the countdown.
  • Each player, flip 2 cards each turn and cards must match the shape and color to gain a point, otherwise, the card will flip back. To flip the cards face front, player should click their selected cards to match.
  • When all cards have already faced front, the player with the highest points will win the game.

How to run the Project

First Step, download the source code and unzip the file.

Second Step, open a web browser (e.g.Chrome, Safari)

Third Step, browse the game.html file location of the unzip file. (e.g. file:///C:/Users/Downloads/memory-game/game.html)

And it's done, the project is ready to play.

This project is for educational purpose only. Feel free to download and modify the source code.

 

Note: Due to the size or complexity of this submission, the author has submitted it as a .zip file to shorten your download time. After downloading it, you will need a program like Winzip to decompress it.

Virus note: All files are scanned once-a-day by SourceCodester.com for viruses, but new viruses come out every day, so no prevention program can catch 100% of them.

FOR YOUR OWN SAFETY, PLEASE:

1. Re-scan downloaded files using your personal virus checker before using it.
2. NEVER, EVER run compiled files (.exe's, .ocx's, .dll's etc.)--only run source code.

Add new comment