Simon Says Game using HTML, CSS & JavaScript

Challenge your memory and attention with this remake of the classic Simon Says game. Built with HTML, CSS, and JavaScript, this interactive project lets users repeat color sequences that increase in length and difficulty with each level.

Perfect for learning JavaScript logic, event handling, and DOM updates through a fun and nostalgic game.

🧰 Technologies Used:

• HTML5 – Structure for color buttons and score display

• CSS3 – Color styling, glowing animations, and responsive layout

• JavaScript – Game logic, sequence generation, input comparison, and level progression

🎮 Features:

• Color buttons light up in a sequence

• User must repeat the exact order by clicking the buttons

• Sequence gets longer each round

• Immediate feedback on success or mistake

• Score/level tracker

• Responsive design for desktop & mobile

🕹️ How to Play the Simon Says Game

1. Click “Start” to begin.

2. Watch carefully as one or more colored buttons flash in a pattern.

3. After the sequence ends, click the same buttons in the same order.

4. If you're correct, a new color is added to the sequence.
   If not, the game resets.

5. The challenge increases with every round — how far can you go?

💡 Tip: Try to focus and memorize the pattern one color at a time.

🎯 Learning Highlights:

• Generating and storing sequences with arrays

• Handling user input vs. generated patterns

• Creating sound and visual feedback with DOM events

• Tracking score and game states (start, success, fail)

🛠 Customization Ideas:

• Add sound effects (like real Simon)

• Dark/light mode toggle

• Score history or high score system

• Timed challenge mode