Skip to content

Simon Says Game - This project is a simple implementation of the classic memory game using HTML, CSS, and JavaScript.

Notifications You must be signed in to change notification settings

siniekoo19/Simon-Says-Game

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Simon Says Game

Welcome to the Simon Says Game! This project is a simple implementation of the classic memory game using HTML, CSS, and JavaScript.

Play the Game 💜💛💙❤️

You can play the game here.

How to Play 🎮

  1. Start the Game:
    • To start the game, press any key on the keyboard.
  2. Watch the Sequence:
    • One of the four colored boxes will flash.
    • Remember the sequence of the flashed boxes.
  3. Repeat the Sequence:
    • Click the boxes in the same order as they flashed.
    • If you repeat the sequence correctly, the game will proceed to the next round and add another flash to the sequence.
  4. Continue the Sequence:
    • Each round adds a new box to the sequence.
    • Keep repeating the sequence correctly to advance to higher rounds.
  5. Game Over:
    • If you click the wrong box, the game ends.
    • Your score, which is the number of rounds you completed, will be displayed.
    • To restart the game, press any key on the keyboard again.

Project Structure 🚀

The project consists of the following files:

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

GamePlay Mechanics

  • Sequence Generation: The game randomly selects one of the four boxes to flash in each round. The sequence of flashed boxes is stored and extended in each round.
  • User Input: Users must click the boxes in the exact sequence as they flashed. The game checks the user input against the stored sequence.
  • Feedback: The game provides visual feedback by flashing the body red to indicate the user entered the wrong sequence and displays the current score with a game over message when applicable.
  • Responsive Design: The game is designed to be responsive. On smaller screens (less than 600px), a "Start" button will be displayed. Once the game starts, the button will disappear, and the level information will be displayed. If the user inputs a wrong sequence, the game over message will be displayed, and the user can restart the game by pressing the "Start" button again.

🚀 About Me

👋 Hi there! I'm Sinchana Chatterjee, an enthusiastic and determined B.Tech student with a fervent aspiration to excel as a Web Developer.

Authors

@siniekoo19

Acknowledgments

  • Thanks to githubs pages for providing a platform to deploy my website.
  • Thanks to the open-source community for their invaluable contributions to the tools and libraries used in this project.

Feedback

If you have any feedback, please reach out to me at [email protected]