CodeYourFuture · codebyshay · Mar 5, 2026 · Mar 14, 2026 · Mar 14, 2026 · Mar 14, 2026
diff --git a/Sprint-3/alarmclock/alarmclock.js b/Sprint-3/alarmclock/alarmclock.js
@@ -1,4 +1,64 @@
-function setAlarm() {}
+let timerInterval = null;
+
+// Resets timer state
+function resetTimer() {
+  if (timerInterval !== null) {
+    clearInterval(timerInterval);
+    timerInterval = null;
+  }
+
+  // Stop any playing alarm sound
+  pauseAlarm();
+
+  // Reset display to 00:00
+  updateTimeDisplay(0);
+}
+
+//Starts the alarm counbtdown
+function setAlarm() {
+  // Read the minutes value from the alarm input field
+  const minutesInput = document.getElementById("alarmSet");
+  const seconds = parseInt(minutesInput.value, 10);
+
+  // Ignore invalid or non-positive input
+
+  if (isNaN(seconds) || seconds <= 0) {
+    return;
+  }
+  // Reset any existing timer first
+  resetTimer();
+
+  //local variable (no global sharing)
+  let remainingSeconds = seconds;
+
+  // Update display immediately
+  updateTimeDisplay(remainingSeconds);
+
+  // Start countdown
+  timerInterval = setInterval(() => {
+    remainingSeconds--;
+
+    updateTimeDisplay(remainingSeconds);
+
+    if (remainingSeconds <= 0) {
+      resetTimer();
+      updateTimeDisplay(0);
+      playAlarm();
+    }
+  }, 1000);
+}
+
+// Converts remainingSeconds into MM:SS format and updates the display
+function updateTimeDisplay(remainingSeconds) {
+  const minutes = Math.floor(remainingSeconds / 60);
+  const seconds = remainingSeconds % 60;
+
+  const formattedMinutes = minutes.toString().padStart(2, "0");
+  const formattedSeconds = seconds.toString().padStart(2, "0");
+
+  const timeDisplay = document.getElementById("timeRemaining");
+  timeDisplay.textContent = `Time Remaining: ${formattedMinutes}:${formattedSeconds}`;
+}
 
 // DO NOT EDIT BELOW HERE
 

diff --git a/Sprint-3/alarmclock/index.html b/Sprint-3/alarmclock/index.html
@@ -1,10 +1,10 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <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">