Implement alarm countdown functionality

Author: Pretty Taruvinga

Sprint-3/alarmclock/alarmclock.js

@@ -1,4 +1,32 @@
-function setAlarm() {}
+function setAlarm() {
+  const input = document.getElementById("alarmSet").value;
+  const heading = document.getElementById("timeRemaining");
+
+  let totalSeconds = Number(input);
+
+  function updateDisplay(seconds) {
+    const min = Math.floor(seconds / 60);
+    const secs = seconds % 60;
+
+    const formattedMin = String(min).padStart(2, "0");
+    const formattedSecs = String(secs).padStart(2, "0");
+
+    heading.innerText = `Time Remaining: ${formattedMin}:${formattedSecs}`;
+  }
+  updateDisplay(totalSeconds);
+
+  const timer = setInterval(() => {
+    totalSeconds--;
+
+    if (totalSeconds <= 0) {
+      updateDisplay(0);
+      clearInterval(timer);
+      playAlarm();
+    } else {
+      updateDisplay(totalSeconds);
+    }
+  }, 1000);
+}
 
 // DO NOT EDIT BELOW HERE
 

Sprint-3/package.json

@@ -27,6 +27,6 @@
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/user-event": "^14.6.1",
     "jest": "^30.0.4",
-    "jest-environment-jsdom": "^30.0.4"
+    "jest-environment-jsdom": "^30.3.0"
   }
 }