From cc0c45bb8726a9054f0ef96f94fcf13de20b3889 Mon Sep 17 00:00:00 2001
From: Talha Bin Yousaf <136476133+he-is-talha@users.noreply.github.com>
Date: Wed, 22 Jan 2025 19:40:26 +0500
Subject: [PATCH 1/7] Added 30-Simon-Says-Game
---
30-Simon-Says-Game/index.html | 41 +++++++
30-Simon-Says-Game/script.js | 196 ++++++++++++++++++++++++++++++++++
30-Simon-Says-Game/style.css | 110 +++++++++++++++++++
README.md | 64 +++++------
4 files changed, 380 insertions(+), 31 deletions(-)
create mode 100644 30-Simon-Says-Game/index.html
create mode 100644 30-Simon-Says-Game/script.js
create mode 100644 30-Simon-Says-Game/style.css
diff --git a/30-Simon-Says-Game/index.html b/30-Simon-Says-Game/index.html
new file mode 100644
index 0000000..81c8447
--- /dev/null
+++ b/30-Simon-Says-Game/index.html
@@ -0,0 +1,41 @@
+
+
+
+
+
+ Talha - Simon Says Game
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Simon Says Game
+
+
+
+ Current Sequence: -
+
+
+ Click Count: 0
+
+
+ Game Status: Waiting...
+
+
+
+
+
+
diff --git a/30-Simon-Says-Game/script.js b/30-Simon-Says-Game/script.js
new file mode 100644
index 0000000..4d4bea9
--- /dev/null
+++ b/30-Simon-Says-Game/script.js
@@ -0,0 +1,196 @@
+const colors = ["green", "red", "yellow", "blue"];
+let gamePattern = [];
+let userPattern = [];
+let level = 0;
+let clickCount = 0;
+let gameStarted = false;
+
+document.getElementById("start-btn").addEventListener("click", startGame);
+
+function startGame() {
+ if (!gameStarted) {
+ gameStarted = true;
+ level = 0;
+ gamePattern = [];
+ userPattern = [];
+ clickCount = 0;
+ document.getElementById("status").textContent = `Level ${level}`;
+ document.getElementById("click-count").textContent = clickCount;
+
+ showMyTexts();
+ nextSequence();
+ }
+}
+
+function nextSequence() {
+ userPattern = [];
+ clickCount = 0;
+ document.getElementById("click-count").textContent = clickCount;
+ level++;
+ document.getElementById("status").textContent = `Level ${level}`;
+
+ // Clear the sequence display at the start of each level
+ document.getElementById("sequence-display").textContent = "-";
+
+ // Generate a random color and push it to the gamePattern
+ const randomColor = colors[Math.floor(Math.random() * colors.length)];
+ gamePattern.push(randomColor);
+
+ animateSequence();
+}
+
+function animateSequence() {
+ let i = 0;
+ const interval = setInterval(() => {
+ flashButton(gamePattern[i]);
+ i++;
+ if (i === gamePattern.length) {
+ clearInterval(interval);
+ enableUserInput();
+ }
+ }, 600);
+}
+
+function flashButton(color) {
+ const button = document.getElementById(color);
+ button.classList.add("active");
+ setTimeout(() => {
+ button.classList.remove("active");
+ }, 300);
+}
+
+function enableUserInput() {
+ colors.forEach((color) => {
+ document.getElementById(color).addEventListener("click", handleUserClick);
+ });
+}
+
+function disableUserInput() {
+ colors.forEach((color) => {
+ document
+ .getElementById(color)
+ .removeEventListener("click", handleUserClick);
+ });
+}
+
+function handleUserClick(event) {
+ const clickedColor = event.target.id;
+ userPattern.push(clickedColor);
+ flashButton(clickedColor);
+ clickCount++;
+ document.getElementById("click-count").textContent = clickCount;
+
+ // Update the current sequence display and set the text color to the box clicked
+ const sequenceDisplay = document.getElementById("sequence-display");
+ sequenceDisplay.innerHTML = ""; // Clear the previous content
+
+ // Iterate through the userPattern and display each color with its own color
+ userPattern.forEach((color) => {
+ const span = document.createElement("span");
+ span.style.color = color; // Set the color of the span to match the button color
+ span.textContent = color.toUpperCase() + " "; // Convert the color name to uppercase
+ sequenceDisplay.appendChild(span); // Append the span to the display
+ });
+
+ checkAnswer(userPattern.length - 1);
+}
+
+function checkAnswer(currentLevel) {
+ if (userPattern[currentLevel] === gamePattern[currentLevel]) {
+ if (userPattern.length === gamePattern.length) {
+ disableUserInput();
+ setTimeout(() => {
+ // Show the congrats message when the level is passed
+ showCongratsMessage();
+ setTimeout(() => {
+ hideCongratsMessage();
+ setTimeout(() => {}, 1000); // Delay before starting the next level
+ nextSequence();
+ }, 2000); // Hide congrats message after 2 seconds
+ }, 1000);
+ }
+ } else {
+ document.getElementById("status").textContent = `Game Over!`;
+
+ setTimeout(() => {
+ flashButton(missedColor);
+ }, 1000);
+ setTimeout(() => {
+ hideMyTexts();
+ }, 1000);
+
+ showLoseMessage();
+ setTimeout(() => {
+ hideLoseMessage();
+ }, 2000);
+
+ // Disable further input
+ gameStarted = false;
+
+ // Reset the game state after a brief delay
+ setTimeout(() => {
+ level = 0;
+ gamePattern = [];
+ document.getElementById("sequence-display").textContent = "-";
+ document.getElementById("click-count").textContent = 0;
+ }, 1500);
+ }
+}
+
+function showCongratsMessage() {
+ const message = `Congrats! You passed level ${level}!`;
+ const congratsMessageElement = document.getElementById("level-message");
+ congratsMessageElement.textContent = message;
+ congratsMessageElement.style.display = "block"; // Ensure it's displayed
+ setTimeout(() => {
+ congratsMessageElement.classList.add("show"); // Show the message with animation
+ }, 50); // Small delay to trigger the animation
+}
+
+function hideCongratsMessage() {
+ const congratsMessageElement = document.getElementById("level-message");
+ congratsMessageElement.classList.remove("show"); // Remove animation class
+ setTimeout(() => {
+ congratsMessageElement.style.display = "none"; // Hide the message after animation
+ }, 1000); // Delay hiding it after the fade-out effect
+}
+
+function showLoseMessage() {
+ const message = `Game Over! Correct color was ${
+ gamePattern[userPattern.length - 1]
+ }.`;
+ const loseMessageElement = document.getElementById("level-message");
+ loseMessageElement.textContent = message;
+ // set color to red
+ loseMessageElement.style.color = "red";
+ loseMessageElement.style.display = "block"; // Ensure it's displayed
+ setTimeout(() => {
+ loseMessageElement.classList.add("show"); // Show the message with animation
+ }, 50); // Small delay to trigger the animation
+}
+
+function hideLoseMessage() {
+ const loseMessageElement = document.getElementById("level-message");
+ loseMessageElement.classList.remove("show"); // Remove animation class
+ setTimeout(() => {
+ loseMessageElement.style.display = "none"; // Hide the message after animation
+ }, 1000); // Delay hiding it after the fade-out effect
+}
+
+function showMyTexts() {
+ const texts = document.getElementsByClassName("my-text");
+
+ for (let i = 0; i < texts.length; i++) {
+ texts[i].style.display = "block";
+ texts[i].classList.add("show");
+ }
+}
+
+function hideMyTexts() {
+ const texts = document.getElementsByClassName("my-text");
+
+ for (let i = 0; i < texts.length; i++) {
+ texts[i].classList.remove("show");
+ texts[i].style.display = "none";
+ }
+}
diff --git a/30-Simon-Says-Game/style.css b/30-Simon-Says-Game/style.css
new file mode 100644
index 0000000..cce15f0
--- /dev/null
+++ b/30-Simon-Says-Game/style.css
@@ -0,0 +1,110 @@
+* {
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+}
+
+body {
+ font-family: Arial, Helvetica, sans-serif;
+ background-color: #f4f4f9;
+ text-align: center;
+ padding: 50px;
+}
+
+h1 {
+ font-size: 3rem;
+ margin-bottom: 30px;
+ color: #333;
+}
+
+#game-container {
+ display: flex;
+ justify-content: center;
+ margin-bottom: 30px;
+}
+
+.color-btn {
+ width: 100px;
+ height: 100px;
+ border-radius: 10px;
+ margin: 10px;
+ cursor: pointer;
+ box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
+ transition: transform 0.2s;
+}
+
+#green {
+ background-color: green;
+}
+
+#red {
+ background-color: red;
+}
+
+#yellow {
+ background-color: yellow;
+}
+
+#blue {
+ background-color: blue;
+}
+
+.color-btn.active {
+ transform: scale(1.1);
+}
+
+#game-status {
+ margin-top: 20px;
+ font-size: 1.2rem;
+ color: #333;
+}
+
+#start-btn {
+ margin-top: 20px;
+ padding: 10px 20px;
+ font-size: 1.2rem;
+ background-color: #4caf50;
+ color: white;
+ border: none;
+ border-radius: 5px;
+ cursor: pointer;
+ transition: background-color 0.3s;
+}
+
+#start-btn:hover {
+ background-color: #45a049;
+}
+
+#status {
+ font-weight: bold;
+}
+
+#level-message {
+ font-size: 24px;
+ font-weight: bold;
+ color: green;
+ text-align: center;
+ margin-top: 20px;
+ opacity: 0; /* Initially hidden */
+ transition: opacity 0.5s ease-in-out;
+ display: none; /* Make sure it's hidden initially */
+}
+
+#level-message.show {
+ opacity: 1; /* Fade in the message */
+ display: block; /* Make it visible */
+}
+
+.my-text {
+ font-size: 1.5rem;
+ margin-top: 20px;
+ color: #333;
+ opacity: 0;
+ transition: opacity 0.5s ease-in-out;
+ display: none;
+}
+.my-text.show {
+ opacity: 1;
+ display: block;
+ transition: opacity 0.5s ease-in-out;
+}
diff --git a/README.md b/README.md
index cd7759c..d0f3aae 100644
--- a/README.md
+++ b/README.md
@@ -2,37 +2,38 @@
This repository contains a collection of HTML, CSS, and JavaScript games. đ¯đš
-| # | Game | Live Demo |
-| :-: | ---------------------------------------------- | --------- |
-| 01 | [Candy Crush Game](https://github.com/he-is-talha/html-css-javascript-games/tree/main/01-Candy-Crush-Game) | [Live Demo](https://he-is-talha.github.io/html-css-javascript-games/01-Candy-Crush-Game/) |
-| 02 | [Archery Game](https://github.com/he-is-talha/html-css-javascript-games/tree/main/02-Archery-Game) | [Live Demo](https://he-is-talha.github.io/html-css-javascript-games/02-Archery-Game/) |
-| 03 | [Speed Typing Game](https://github.com/he-is-talha/html-css-javascript-games/tree/main/03-Speed-Typing-Game) | [Live Demo](https://he-is-talha.github.io/html-css-javascript-games/03-Speed-Typing-Game/) |
-| 04 | [Breakout Game](https://github.com/he-is-talha/html-css-javascript-games/tree/main/04-Breakout-Game) | [Live Demo](https://he-is-talha.github.io/html-css-javascript-games/04-Breakout-Game/) |
-| 05 | [Minesweeper Game](https://github.com/he-is-talha/html-css-javascript-games/tree/main/05-Minesweeper-Game) | [Live Demo](https://he-is-talha.github.io/html-css-javascript-games/05-Minesweeper-Game/) |
-| 06 | [Tower Blocks Game](https://github.com/he-is-talha/html-css-javascript-games/tree/main/06-Tower-Blocks) | [Live Demo](https://he-is-talha.github.io/html-css-javascript-games/06-Tower-Blocks/) |
-| 07 | [Ping Pong Game](https://github.com/he-is-talha/html-css-javascript-games/tree/main/07-Ping-Pong-Game) | [Live Demo](https://he-is-talha.github.io/html-css-javascript-games/07-Ping-Pong-Game/) |
-| 08 | [Tetris Game](https://github.com/he-is-talha/html-css-javascript-games/tree/main/08-Tetris-Game) | [Live Demo](https://he-is-talha.github.io/html-css-javascript-games/08-Tetris-Game/) |
-| 09 | [Tilting Maze Game](https://github.com/he-is-talha/html-css-javascript-games/tree/main/09-Tilting-Maze-Game) | [Live Demo](https://he-is-talha.github.io/html-css-javascript-games/09-Tilting-Maze-Game/) |
-| 10 | [Memory Card Game](https://github.com/he-is-talha/html-css-javascript-games/tree/main/10-Memory-Card-Game) | [Live Demo](https://he-is-talha.github.io/html-css-javascript-games/10-Memory-Card-Game/) |
-| 11 | [Rock Paper Scissors Game](https://github.com/he-is-talha/html-css-javascript-games/tree/main/11-Rock-Paper-Scissors) | [Live Demo](https://he-is-talha.github.io/html-css-javascript-games/11-Rock-Paper-Scissors/) |
-| 12 | [Type Number Guessing Game](https://github.com/he-is-talha/html-css-javascript-games/tree/main/12-Type-Number-Guessing-Game) | [Live Demo](https://he-is-talha.github.io/html-css-javascript-games/12-Type-Number-Guessing-Game/) |
-| 13 | [Tic Tac Toe Game](https://github.com/he-is-talha/html-css-javascript-games/tree/main/13-Tic-Tac-Toe) | [Live Demo](https://he-is-talha.github.io/html-css-javascript-games/13-Tic-Tac-Toe/) |
-| 14 | [Snake Game](https://github.com/he-is-talha/html-css-javascript-games/tree/main/14-Snake-Game) | [Live Demo](https://he-is-talha.github.io/html-css-javascript-games/14-Snake-Game/) |
-| 15 | [Connect Four Game](https://github.com/he-is-talha/html-css-javascript-games/tree/main/15-Connect-Four-Game) | [Live Demo](https://he-is-talha.github.io/html-css-javascript-games/15-Connect-Four-Game/) |
-| 16 | [Insect Catch Game](https://github.com/he-is-talha/html-css-javascript-games/tree/main/16-Insect-Catch-Game) | [Live Demo](https://he-is-talha.github.io/html-css-javascript-games/16-Insect-Catch-Game/) |
-| 17 | [Typing Game](https://github.com/he-is-talha/html-css-javascript-games/tree/main/17-Typing-Game) | [Live Demo](https://he-is-talha.github.io/html-css-javascript-games/17-Typing-Game/) |
-| 18 | [Hangman Game](https://github.com/he-is-talha/html-css-javascript-games/tree/main/18-Hangman-Game) | [Live Demo](https://he-is-talha.github.io/html-css-javascript-games/18-Hangman-Game/) |
-| 19 | [Flappy Bird Game](https://github.com/he-is-talha/html-css-javascript-games/tree/main/19-Flappy-Bird-Game) | [Live Demo](https://he-is-talha.github.io/html-css-javascript-games/19-Flappy-Bird-Game/) |
-| 20 | [Crossy Road Game](https://github.com/he-is-talha/html-css-javascript-games/tree/main/20-Crossy-Road-Game) | [Live Demo](https://he-is-talha.github.io/html-css-javascript-games/20-Crossy-Road-Game/) |
-| 21 | [2048 Game](https://github.com/he-is-talha/html-css-javascript-games/tree/main/21-2048-Game) | [Live Demo](https://he-is-talha.github.io/html-css-javascript-games/21-2048-Game/) |
-| 22 | [Dice Roll Simulator](https://github.com/he-is-talha/html-css-javascript-games/tree/main/22-Dice-Roll-Simulator) | [Live Demo](https://he-is-talha.github.io/html-css-javascript-games/22-Dice-Roll-Simulator/) |
-| 23 | [Shape Clicker Game](https://github.com/he-is-talha/html-css-javascript-games/tree/main/23-Shape-Clicker-Game) | [Live Demo](https://he-is-talha.github.io/html-css-javascript-games/23-Shape-Clicker-Game/) |
-| 24 | [Typing Game](https://github.com/he-is-talha/html-css-javascript-games/tree/main/24-Typing-Game) | [Live Demo](https://he-is-talha.github.io/html-css-javascript-games/24-Typing-Game/) |
-| 25 | [Speak Number Guessing Game](https://github.com/he-is-talha/html-css-javascript-games/tree/main/25-Speak-Number-Guessing-Game) | [Live Demo](https://he-is-talha.github.io/html-css-javascript-games/25-Speak-Number-Guessing-Game/) |
-| 26 | [Fruit Slicer Game](https://github.com/he-is-talha/html-css-javascript-games/tree/main/26-Fruit-Slicer-Game) | [Live Demo](https://he-is-talha.github.io/html-css-javascript-games/26-Fruit-Slicer-Game/) |
-| 27 | [Quiz Game](https://github.com/he-is-talha/html-css-javascript-games/tree/main/27-Quiz-Game) | [Live Demo](https://he-is-talha.github.io/html-css-javascript-games/27-Quiz-Game/) |
-| 28 | [Emoji Catcher Game](https://github.com/he-is-talha/html-css-javascript-games/tree/main/28-Emoji-Catcher-Game) | [Live Demo](https://he-is-talha.github.io/html-css-javascript-games/28-Emoji-Catcher-Game/) |
-| 29 | [Whack A Mole Game](https://github.com/he-is-talha/html-css-javascript-games/tree/main/29-Whack-A-Mole-Game) | [Live Demo](https://he-is-talha.github.io/html-css-javascript-games/29-Whack-A-Mole-Game/) |
+| # | Game | Live Demo |
+| :-: | ------------------------------------------------------------------------------------------------------------------------------ | --------------------------------------------------------------------------------------------------- |
+| 01 | [Candy Crush Game](https://github.com/he-is-talha/html-css-javascript-games/tree/main/01-Candy-Crush-Game) | [Live Demo](https://he-is-talha.github.io/html-css-javascript-games/01-Candy-Crush-Game/) |
+| 02 | [Archery Game](https://github.com/he-is-talha/html-css-javascript-games/tree/main/02-Archery-Game) | [Live Demo](https://he-is-talha.github.io/html-css-javascript-games/02-Archery-Game/) |
+| 03 | [Speed Typing Game](https://github.com/he-is-talha/html-css-javascript-games/tree/main/03-Speed-Typing-Game) | [Live Demo](https://he-is-talha.github.io/html-css-javascript-games/03-Speed-Typing-Game/) |
+| 04 | [Breakout Game](https://github.com/he-is-talha/html-css-javascript-games/tree/main/04-Breakout-Game) | [Live Demo](https://he-is-talha.github.io/html-css-javascript-games/04-Breakout-Game/) |
+| 05 | [Minesweeper Game](https://github.com/he-is-talha/html-css-javascript-games/tree/main/05-Minesweeper-Game) | [Live Demo](https://he-is-talha.github.io/html-css-javascript-games/05-Minesweeper-Game/) |
+| 06 | [Tower Blocks Game](https://github.com/he-is-talha/html-css-javascript-games/tree/main/06-Tower-Blocks) | [Live Demo](https://he-is-talha.github.io/html-css-javascript-games/06-Tower-Blocks/) |
+| 07 | [Ping Pong Game](https://github.com/he-is-talha/html-css-javascript-games/tree/main/07-Ping-Pong-Game) | [Live Demo](https://he-is-talha.github.io/html-css-javascript-games/07-Ping-Pong-Game/) |
+| 08 | [Tetris Game](https://github.com/he-is-talha/html-css-javascript-games/tree/main/08-Tetris-Game) | [Live Demo](https://he-is-talha.github.io/html-css-javascript-games/08-Tetris-Game/) |
+| 09 | [Tilting Maze Game](https://github.com/he-is-talha/html-css-javascript-games/tree/main/09-Tilting-Maze-Game) | [Live Demo](https://he-is-talha.github.io/html-css-javascript-games/09-Tilting-Maze-Game/) |
+| 10 | [Memory Card Game](https://github.com/he-is-talha/html-css-javascript-games/tree/main/10-Memory-Card-Game) | [Live Demo](https://he-is-talha.github.io/html-css-javascript-games/10-Memory-Card-Game/) |
+| 11 | [Rock Paper Scissors Game](https://github.com/he-is-talha/html-css-javascript-games/tree/main/11-Rock-Paper-Scissors) | [Live Demo](https://he-is-talha.github.io/html-css-javascript-games/11-Rock-Paper-Scissors/) |
+| 12 | [Type Number Guessing Game](https://github.com/he-is-talha/html-css-javascript-games/tree/main/12-Type-Number-Guessing-Game) | [Live Demo](https://he-is-talha.github.io/html-css-javascript-games/12-Type-Number-Guessing-Game/) |
+| 13 | [Tic Tac Toe Game](https://github.com/he-is-talha/html-css-javascript-games/tree/main/13-Tic-Tac-Toe) | [Live Demo](https://he-is-talha.github.io/html-css-javascript-games/13-Tic-Tac-Toe/) |
+| 14 | [Snake Game](https://github.com/he-is-talha/html-css-javascript-games/tree/main/14-Snake-Game) | [Live Demo](https://he-is-talha.github.io/html-css-javascript-games/14-Snake-Game/) |
+| 15 | [Connect Four Game](https://github.com/he-is-talha/html-css-javascript-games/tree/main/15-Connect-Four-Game) | [Live Demo](https://he-is-talha.github.io/html-css-javascript-games/15-Connect-Four-Game/) |
+| 16 | [Insect Catch Game](https://github.com/he-is-talha/html-css-javascript-games/tree/main/16-Insect-Catch-Game) | [Live Demo](https://he-is-talha.github.io/html-css-javascript-games/16-Insect-Catch-Game/) |
+| 17 | [Typing Game](https://github.com/he-is-talha/html-css-javascript-games/tree/main/17-Typing-Game) | [Live Demo](https://he-is-talha.github.io/html-css-javascript-games/17-Typing-Game/) |
+| 18 | [Hangman Game](https://github.com/he-is-talha/html-css-javascript-games/tree/main/18-Hangman-Game) | [Live Demo](https://he-is-talha.github.io/html-css-javascript-games/18-Hangman-Game/) |
+| 19 | [Flappy Bird Game](https://github.com/he-is-talha/html-css-javascript-games/tree/main/19-Flappy-Bird-Game) | [Live Demo](https://he-is-talha.github.io/html-css-javascript-games/19-Flappy-Bird-Game/) |
+| 20 | [Crossy Road Game](https://github.com/he-is-talha/html-css-javascript-games/tree/main/20-Crossy-Road-Game) | [Live Demo](https://he-is-talha.github.io/html-css-javascript-games/20-Crossy-Road-Game/) |
+| 21 | [2048 Game](https://github.com/he-is-talha/html-css-javascript-games/tree/main/21-2048-Game) | [Live Demo](https://he-is-talha.github.io/html-css-javascript-games/21-2048-Game/) |
+| 22 | [Dice Roll Simulator](https://github.com/he-is-talha/html-css-javascript-games/tree/main/22-Dice-Roll-Simulator) | [Live Demo](https://he-is-talha.github.io/html-css-javascript-games/22-Dice-Roll-Simulator/) |
+| 23 | [Shape Clicker Game](https://github.com/he-is-talha/html-css-javascript-games/tree/main/23-Shape-Clicker-Game) | [Live Demo](https://he-is-talha.github.io/html-css-javascript-games/23-Shape-Clicker-Game/) |
+| 24 | [Typing Game](https://github.com/he-is-talha/html-css-javascript-games/tree/main/24-Typing-Game) | [Live Demo](https://he-is-talha.github.io/html-css-javascript-games/24-Typing-Game/) |
+| 25 | [Speak Number Guessing Game](https://github.com/he-is-talha/html-css-javascript-games/tree/main/25-Speak-Number-Guessing-Game) | [Live Demo](https://he-is-talha.github.io/html-css-javascript-games/25-Speak-Number-Guessing-Game/) |
+| 26 | [Fruit Slicer Game](https://github.com/he-is-talha/html-css-javascript-games/tree/main/26-Fruit-Slicer-Game) | [Live Demo](https://he-is-talha.github.io/html-css-javascript-games/26-Fruit-Slicer-Game/) |
+| 27 | [Quiz Game](https://github.com/he-is-talha/html-css-javascript-games/tree/main/27-Quiz-Game) | [Live Demo](https://he-is-talha.github.io/html-css-javascript-games/27-Quiz-Game/) |
+| 28 | [Emoji Catcher Game](https://github.com/he-is-talha/html-css-javascript-games/tree/main/28-Emoji-Catcher-Game) | [Live Demo](https://he-is-talha.github.io/html-css-javascript-games/28-Emoji-Catcher-Game/) |
+| 29 | [Whack A Mole Game](https://github.com/he-is-talha/html-css-javascript-games/tree/main/29-Whack-A-Mole-Game) | [Live Demo](https://he-is-talha.github.io/html-css-javascript-games/29-Whack-A-Mole-Game/) |
+| 30 | [Simon Says Game](https://github.com/he-is-talha/html-css-javascript-games/tree/main/30-Simon-Says-Game) | [Live Demo](https://he-is-talha.github.io/html-css-javascript-games/30-Simon-Says-Game/) |
## Games Description
@@ -65,6 +66,7 @@ This repository contains a collection of HTML, CSS, and JavaScript games. đ¯
27. **Quiz Game**: Test your knowledge on various topics by answering trivia questions and aiming for a high score in this quiz game. đ§ đ
28. **Emoji Catcher Game**: Catch falling emojis with a basket or container while avoiding bombs and other obstacles in this emoji-catching game. đ¯đ
29. **Whack-a-Mole Game**: Test your reaction speed by hitting randomly appearing moles with a mallet before they disappear in this classic arcade game. đšī¸
+30. **Simon Says Game**: Follow the color sequence and repeat it correctly to advance through levels. Test your memory and speed in this classic memory game! đŽđĄ
## License
From 7f7a10c6531e5f338827b229968c88ab266c2566 Mon Sep 17 00:00:00 2001
From: Talha Bin Yousaf <136476133+he-is-talha@users.noreply.github.com>
Date: Sat, 8 Mar 2025 23:49:43 +0500
Subject: [PATCH 2/7] Update index.html with Mode Selection
---
01-Candy-Crush-Game/index.html | 14 ++++++++++++--
1 file changed, 12 insertions(+), 2 deletions(-)
diff --git a/01-Candy-Crush-Game/index.html b/01-Candy-Crush-Game/index.html
index 20454e5..0959a24 100644
--- a/01-Candy-Crush-Game/index.html
+++ b/01-Candy-Crush-Game/index.html
@@ -19,10 +19,20 @@
+
+
+
Choose Game Mode
+
+
+
+
score
-
+
0
+
+
+
-