Vanilla JS Simon Game

A classic Simon memory game built from scratch with pure HTML, CSS, and JavaScript. Test your memory by repeating the increasingly long color sequences!

Live Demo: (https://zoya220.github.io/simon-memory-game/)

🎮 How to Play

1. Click the Start button to begin the game.
2. Watch the first color flash.
3. Click the button of the color that flashed.
4. The game will repeat the first color and add a new one.
5. Continue repeating the ever-growing sequence of colors.
6. If you make a mistake, the game is over, and your score is displayed.
7. Try to beat your high score!

🚀 Project Overview

This project is a fully functional, browser-based implementation of the classic electronic memory game "Simon." The objective is to watch the sequence of colors and repeat it by clicking the buttons in the correct order. The sequence gets longer with each successful level. The game was built to practice and demonstrate core JavaScript concepts, including DOM manipulation, event handling, and game state management.

✨ Features

• Random Sequence Generation: The game generates a new, random color to add to the sequence at each level.
• Level Progression: The game starts at Level 1 and advances each time the user correctly completes the sequence.
• High Score Tracking: The game keeps track of the highest level reached and displays it upon game over.
• Interactive UI: Buttons provide visual feedback by "flashing" when clicked or as part of the game's sequence.
• Game State Management: Clear start, play, and game-over states are managed with JavaScript.
• Start & Quit Controls: Users can start a new game or quit the current game at any time.

🛠️ Technologies Used

• HTML5: For the basic structure and content of the game.
• CSS3: For styling the game board, buttons, and visual effects like the flash animation.
• JavaScript (ES6): For all game logic, including event handling, sequence generation, user input checking, and DOM manipulation.