temp fix for alarm clock

MouawiaElkhalifa · MouawiaElkhalifa · commit 0614dd3be9ed · 2026-04-05T17:36:35.000+01:00
diff --git a/Sprint-3/alarmclock/alarmclock.js b/Sprint-3/alarmclock/alarmclock.js
@@ -1,29 +1,36 @@
+let countdown = null; 
+
 function setAlarm() {
-  let timeRemaining = document.getElementById("alarmSet").value;
-  const timeDisplay = document.getElementById("timeRemaining");
-
-  // Create a reusable function to update the text on the screen
-  const updateDisplay = (time) => {
-    let minutes = Math.floor(time / 60)
-      .toString()
-      .padStart(2, "0");
-    let seconds = (time % 60).toString().padStart(2, "0");
-    timeDisplay.innerText = "Time Remaining: " + minutes + ":" + seconds;
+  let secondsLeft = parseInt(document.getElementById("alarmSet").value, 10); 
+  const timeDisplay = document.getElementById("timeRemaining"); 
+
+  if (isNaN(secondsLeft) || secondsLeft <= 0) { 
+    timeDisplay.innerText = "Time Remaining: 00:00";
+    return;
+  }
+
+  if (countdown !== null) { 
+    clearInterval(countdown);
+  }
+
+  const updateDisplay = (time) => { 
+    let minutes = Math.floor(time / 60).toString().padStart(2, "0"); 
+    let seconds = (time % 60).toString().padStart(2, "0"); 
+    timeDisplay.innerText = "Time Remaining: " + minutes + ":" + seconds; 
   };
 
-  // STEP 1: Display the starting time IMMEDIATELY
-  updateDisplay(timeRemaining);
+  updateDisplay(secondsLeft); 
 
-  // STEP 2: Start the interval
-  const countdown = setInterval(() => {
-    timeRemaining--;
-    updateDisplay(timeRemaining);
+  countdown = setInterval(() => { 
+    secondsLeft = secondsLeft - 1; 
+    updateDisplay(secondsLeft); 
 
-    if (timeRemaining <= 0) {
-      clearInterval(countdown);
-      playAlarm();
+    if (secondsLeft <= 0) { 
+      clearInterval(countdown); 
+      countdown = null; 
+      playAlarm(); 
     }
-  }, 1000);
+  }, 1000); 
 }
 
 // DO NOT EDIT BELOW HERE
@@ -48,4 +55,4 @@ function pauseAlarm() {
   audio.pause();
 }
 
-window.onload = setup;
+window.onload = setup;
diff --git a/Sprint-3/alarmclock/index.html b/Sprint-3/alarmclock/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <link rel="stylesheet" href="style.css" />
-    <title>Title here</title>
+    <title>Alarm clock app</title>
   </head>
   <body>
     <div class="centre">
