From 0bd0788cc209d5c2fd5f4795e3d60d3396ac55a9 Mon Sep 17 00:00:00 2001
From: Periasamy <koundika.periasamy@siemens.com>
Date: Wed, 7 Jan 2026 22:19:09 +0530
Subject: [PATCH 1/2] Enhancement:Timer is initiated after the first click of
 the block

---
 Games/Memory_Game/script.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/Games/Memory_Game/script.js b/Games/Memory_Game/script.js
index 32c76941a6..cd7083a1fc 100644
--- a/Games/Memory_Game/script.js
+++ b/Games/Memory_Game/script.js
@@ -98,6 +98,7 @@ const matrixGenerator = (cardValues, size = 4) => {
   cards = document.querySelectorAll(".card-container");
   cards.forEach((card) => {
     card.addEventListener("click", () => {
+      interval = setInterval(timeGenerator, 1000);
       //If selected card is not matched yet then only run (i.e already matched card when clicked would be ignored)
       if (!card.classList.contains("matched")) {
         //flip the cliked card
@@ -156,12 +157,13 @@ startButton.addEventListener("click", () => {
   movesCount = 0;
   seconds = 0;
   minutes = 0;
+  console.log("started");
   //controls amd buttons visibility
   controls.classList.add("hide");
   stopButton.classList.remove("hide");
   startButton.classList.add("hide");
   //Start timer
-  interval = setInterval(timeGenerator, 1000);
+  //interval = setInterval(timeGenerator, 1000);
   //initial moves
   moves.innerHTML = `<span>Moves:</span> ${movesCount}`;
   initializer();

From c9d2b4775ea812708cc3a0b9afa2fdfc9a54c0b8 Mon Sep 17 00:00:00 2001
From: Periasamy <koundika.periasamy@siemens.com>
Date: Wed, 7 Jan 2026 23:39:56 +0530
Subject: [PATCH 2/2] Enhancement: Added a Pause button to pause the timer for
 break

---
 Games/Memory_Game/index.html |  4 ++++
 Games/Memory_Game/script.js  | 30 +++++++++++++++++++++++++-----
 2 files changed, 29 insertions(+), 5 deletions(-)

diff --git a/Games/Memory_Game/index.html b/Games/Memory_Game/index.html
index ce390456dd..38d731987c 100644
--- a/Games/Memory_Game/index.html
+++ b/Games/Memory_Game/index.html
@@ -29,7 +29,11 @@ <h1>INSTRUCTIONS</h1>
              <p><b>3.</b> Click on another block and try to remember on which block have you seen the same image</p>
              <p><b>4.</b> Your Number of moves are counted</p></div>
         <div class="game-container"></div>
+        
         <button id="stop" class="hide">Stop Game</button>
+        <div style="display: flex; gap: 10px;">
+        <button id="pause" >Pause Game</button>
+        </div>
     </div>
     <div class="controls-container">
         <p id="result"></p>
diff --git a/Games/Memory_Game/script.js b/Games/Memory_Game/script.js
index cd7083a1fc..a792af3372 100644
--- a/Games/Memory_Game/script.js
+++ b/Games/Memory_Game/script.js
@@ -2,11 +2,12 @@ const moves = document.getElementById("moves-count");
 const timeValue = document.getElementById("time");
 const startButton = document.getElementById("start");
 const stopButton = document.getElementById("stop");
+const pauseButton = document.getElementById("pause");
 const gameContainer = document.querySelector(".game-container");
 const result = document.getElementById("result");
 const controls = document.querySelector(".controls-container");
 let cards;
-let interval;
+let interval = null;
 let firstCard = false;
 let secondCard = false;
 
@@ -32,6 +33,8 @@ let seconds = 0,
 //Initial moves and win count
 let movesCount = 0,
   winCount = 0;
+  let secondsValue = 0;
+  let minutesValue = 0;
 
 //For timer
 const timeGenerator = () => {
@@ -42,8 +45,8 @@ const timeGenerator = () => {
     seconds = 0;
   }
   //format time before displaying
-  let secondsValue = seconds < 10 ? `0${seconds}` : seconds;
-  let minutesValue = minutes < 10 ? `0${minutes}` : minutes;
+  secondsValue = seconds < 10 ? `0${seconds}` : seconds;
+  minutesValue = minutes < 10 ? `0${minutes}` : minutes;
   timeValue.innerHTML = `<span>Time:</span>${minutesValue}:${secondsValue}`;
 };
 
@@ -98,7 +101,11 @@ const matrixGenerator = (cardValues, size = 4) => {
   cards = document.querySelectorAll(".card-container");
   cards.forEach((card) => {
     card.addEventListener("click", () => {
-      interval = setInterval(timeGenerator, 1000);
+      
+if (interval === null) {   // prevents multiple intervals
+    interval = setInterval(timeGenerator, 1000);
+  }
+
       //If selected card is not matched yet then only run (i.e already matched card when clicked would be ignored)
       if (!card.classList.contains("matched")) {
         //flip the cliked card
@@ -157,7 +164,6 @@ startButton.addEventListener("click", () => {
   movesCount = 0;
   seconds = 0;
   minutes = 0;
-  console.log("started");
   //controls amd buttons visibility
   controls.classList.add("hide");
   stopButton.classList.remove("hide");
@@ -177,6 +183,20 @@ stopButton.addEventListener(
     stopButton.classList.add("hide");
     startButton.classList.remove("hide");
     clearInterval(interval);
+    seconds = 0;
+    minutes = 0;
+    secondsValue = 0;
+    minutesValue = 0;
+    interval = null;
+    timeValue.innerHTML = `<span>Time:</span>${minutesValue}:${secondsValue}`;
+  })
+);
+
+pauseButton.addEventListener(
+  "click",
+  (pauseGame = () => {
+    clearInterval(interval);
+    interval = null;
   })
 );