CodeYourFuture · CatchingKiyoko · Jul 14, 2025 · Jul 14, 2025 · Jul 14, 2025 · Jul 14, 2025
diff --git a/Sprint-3/alarmclock/alarmclock.js b/Sprint-3/alarmclock/alarmclock.js
@@ -1,4 +1,50 @@
-function setAlarm() {}
+function setAlarm() {
+  // get the users input in seconds from the input element
+   const inputField = document.getElementById("alarmSet");
+
+   // get the "timeRemaining" element where we show the time
+   const timeDisplay = document.getElementById("timeRemaining");
+
+   // convert the users input to a number
+   let secondsRemaining = Number(inputField.value);
+
+   // check if input is not a number or less than or equal to zero and informs the user to enter a positive number
+   if (isNaN(secondsRemaining) || secondsRemaining <= 0){
+    timeDisplay.textContent = "Enter a positive number."; 
+    return;
+   }
+
+  // format and update the time display with a function 
+  function updatedTime(){
+    // calculate the number into minutes and seconds
+    const minutes = Math.floor(secondsRemaining / 60);
+    const seconds = secondsRemaining % 60;
+
+    // pad the numbers to ensure double digits so it looks right and is easily readable
+    const formattedTime = `${String(minutes).padStart(2, '0')}:${String(seconds).padStart(2, '0')}`;
+    timeDisplay.textContent = `Time Remaining: ${formattedTime}`;
+
+  }
+  updatedTime() // shows the starting time
+
+  let intervalId; // store a global variable to the interval so we can clear it later
+
+  // Start the countdown interval
+  intervalId = setInterval(() => {
+
+  // decrement the number to reduce the countdown
+  secondsRemaining--;
+
+  // check if the timer has reached 0
+  if (secondsRemaining < 0){
+    clearInterval(intervalId); // clear the interval when timer reaches 0
+    timeDisplay.textContent = "times up!" // returns times up when timer reaches 0
+    return playAlarm();
+  } else {
+    updatedTime();
+    } 
+  }, 1000); // updates the function by running it every 1000ms
+}
 
 // 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">