Sheffield | 26-ITP-Jan | Mona-Eltantawy | Sprint 3| Alarm clock

Sprint-3/alarmclock/index.html → Sprint-3/alarmclock/Alarm clock app.html

@@ -17,4 +17,4 @@ <h1 id="timeRemaining">Time Remaining: 00:00</h1>
     </div>
     <script src="alarmclock.js"></script>
   </body>
-</html>
+</html>

Sprint-3/alarmclock/alarmclock.js

@@ -1,17 +1,48 @@
-function setAlarm() {}
+var audio = new Audio("alarmsound.mp3");
 
-// DO NOT EDIT BELOW HERE
+let timeRemaining = 0; 
+let countdownInterval = null;
 
-var audio = new Audio("alarmsound.mp3");
+function setAlarm() {
+  const input = document.getElementById("alarmSet").value;
 
-function setup() {
-  document.getElementById("set").addEventListener("click", () => {
-    setAlarm();
-  });
+  timeRemaining = parseInt(input, 10);
+
+  if (isNaN(timeRemaining) || timeRemaining <= 0) {
+    console.error("Please enter a valid number greater than 0");
+    return;
+  }
+
+  updateDisplay();
+
+  if (countdownInterval) {
+    clearInterval(countdownInterval);
+  }
+
+  countdownInterval = setInterval(() => {
+    timeRemaining--;
+
+    updateDisplay();
 
-  document.getElementById("stop").addEventListener("click", () => {
-    pauseAlarm();
-  });
+    if (timeRemaining <= 0) {
+      clearInterval(countdownInterval);
+      playAlarm();
+    }
+  }, 1000);
+}
+
+function updateDisplay() {
+  const display = document.getElementById("timeRemaining");
+
+  const minutes = String(Math.floor(timeRemaining / 60)).padStart(2, "0");
+  const seconds = String(timeRemaining % 60).padStart(2, "0");
+
+  display.textContent = `Time Remaining: ${minutes}:${seconds}`;
+}
+
+function setup() {
+  document.getElementById("set").addEventListener("click", setAlarm);
+  document.getElementById("stop").addEventListener("click", pauseAlarm);
 }
 
 function playAlarm() {
@@ -20,6 +51,11 @@ function playAlarm() {
 
 function pauseAlarm() {
   audio.pause();
+  audio.currentTime = 0;
+
+  if (countdownInterval) {
+    clearInterval(countdownInterval);
+  }
 }
 
 window.onload = setup;