CodeYourFuture · JorvanW · Jul 20, 2026 · Jul 20, 2026 · Jul 20, 2026 · Jul 20, 2026
diff --git a/Sprint-3/alarmclock/alarmclock.js b/Sprint-3/alarmclock/alarmclock.js
@@ -1,4 +1,40 @@
-function setAlarm() {}
+const theTime = document.getElementById("theTime");
+let timer;
+let seconds;
+
+function setAlarm() {
+  const alarmSetInput = document.getElementById("alarmSet");
+  seconds = Number(alarmSetInput.value);
+
+  if (seconds <= 0 || !Number.isInteger(seconds)) {
+    alert("Please enter a valid whole number.");
+    return;
+  }
+
+  // Stop a previous countdown if there is one
+  clearInterval(timer);
+  pauseAlarm();
+
+  // Run immediately
+  decrementTimer();
+
+  // decrement each second
+  timer = setInterval(() => decrementTimer(), 1000);
+}
+
+function decrementTimer() {
+  const minutes = Math.floor(seconds / 60);
+  const secs = seconds % 60;
+
+  theTime.textContent = `${String(minutes).padStart(2, "0")}:${String(secs).padStart(2, "0")}`;
+  if (seconds <= 0) {
+    clearInterval(timer);
+    playAlarm();
+    return;
+  }
+
+  seconds--;
+}
 
 // DO NOT EDIT BELOW HERE
 

diff --git a/Sprint-3/alarmclock/index.html b/Sprint-3/alarmclock/index.html
@@ -4,11 +4,12 @@
     <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">
-      <h1 id="timeRemaining">Time Remaining: 00:00</h1>
+        <div id="timeRemaining">Time Remaining: <span id="theTime">00:00</span></div>
+
       <label for="alarmSet">Set time to:</label>
       <input id="alarmSet" type="number" />