Alarm clock implemented

Dan2Clouted · Dan2Clouted · commit 33a842f785f3 · 2026-03-31T23:56:58.000+01:00
diff --git a/Sprint-3/alarmclock/alarmclock.js b/Sprint-3/alarmclock/alarmclock.js
@@ -1,4 +1,53 @@
-function setAlarm() {}
+let countdownInterval = null;
+let secondsLeft = 0;
+
+function setAlarm() {
+  // Read the minutes from the input
+  const input = document.getElementById("alarmSet");
+  const minutes = parseInt(input.value, 10);
+  // If nothing useful was entered, do nothing
+  if (isNaN(minutes) || minutes <= 0) {
+    return;
+  }
+  // Convert to total seconds
+  secondsLeft = minutes;
+  // Stop any existing countdown
+  if (countdownInterval !== null) {
+    clearInterval(countdownInterval);
+    countdownInterval = null;
+  }
+  // Show starting time right away
+  updateTimeDisplay();
+
+  // Start the countdown
+  countdownInterval = setInterval(() => {
+    secondsLeft = secondsLeft - 1;
+
+    updateTimeDisplay();
+
+    if (secondsLeft <= 0) {
+      // Time's up
+      clearInterval(countdownInterval);
+      countdownInterval = null;
+      secondsLeft = 0;
+      // Makes sure to show exactly 00:00
+      updateTimeDisplay();
+      playAlarm();
+    }
+  }, 1000);
+}
+
+// Helper function
+function updateTimeDisplay() {
+  const minutes = Math.floor(secondsLeft / 60);
+  const seconds = secondsLeft % 60;
+
+  const displayMin = minutes.toString().padStart(2, "0");
+  const displaySec = seconds.toString().padStart(2, "0");
+
+  const heading = document.getElementById("timeRemaining");
+  heading.textContent = `Time Remaining: ${displayMin}:${displaySec}`;
+}
 
 // DO NOT EDIT BELOW HERE
 
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">
