Skip to content

An interactive memory matching game built with HTML, CSS, and JavaScript. Players flip cards to find matching pairs, aiming to match all pairs to win the game. This project demonstrates basic JavaScript game logic, DOM manipulation, and CSS styling.

Notifications You must be signed in to change notification settings

hubertit/Memory-Matching-Game

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Memory Matching Game

An interactive memory matching game built with HTML, CSS, and JavaScript. Players flip cards to find matching pairs, aiming to match all pairs to win the game.

Features

  • Grid of Cards: Displays a grid of cards, each with a hidden image or symbol.
  • Card Flip: Cards flip to reveal the hidden image when clicked.
  • Match Detection: Checks for matching pairs. If a match is found, the cards remain face up; otherwise, they flip back after a short delay.
  • Win Condition: Displays a "You Win!" message when all pairs are matched.
  • Restart Game: A button to restart the game and shuffle the cards.

Technologies Used

  • HTML for structure
  • CSS for styling
  • JavaScript for game logic

How to Play

  1. Clone the repository:

    git clone https://github.com/hubertit/Memory-Matching-Game.git
  2. Navigate to the project directory:

    cd memory-matching-game
  3. Open index.html in your web browser.

  4. Click on cards to flip them and try to find matching pairs.

  5. Once all pairs are matched, a "You Win!" message will appear.

  6. Click the "Restart Game" button to shuffle the cards and play again.

Project Structure

  • index.html: The main HTML file containing the structure of the game.
  • styles.css: The CSS file for styling the game.
  • script.js: The JavaScript file containing the game logic.

Screenshot

Memory Matching Game Screenshot

Contributing

  1. Fork the repository.
  2. Create a new branch:
    git checkout -b feature-branch
  3. Make your changes and commit them:
    git commit -m "Description of changes"
  4. Push to the branch:
    git push origin feature-branch
  5. Open a pull request.

License

This project is licensed under the MIT License.

About

An interactive memory matching game built with HTML, CSS, and JavaScript. Players flip cards to find matching pairs, aiming to match all pairs to win the game. This project demonstrates basic JavaScript game logic, DOM manipulation, and CSS styling.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published