JS functionality for the alarm clock

Author: alizada-dev

Sprint-3/alarmclock/alarmclock.js

@@ -1,4 +1,26 @@
-function setAlarm() {}
+function setAlarm() {
+  const inputSeconds = document.getElementById("alarmSet");
+  const displayTimer = document.getElementById("timeRemaining")
+
+  let remainingSeconds = Number(inputSeconds.value);
+  
+  const countDownInterval = setInterval(() => {
+    if (remainingSeconds < 0) {
+      clearInterval(countDownInterval);
+      playAlarm();
+      inputSeconds.value = '';
+      document.body.style.backgroundColor = 'lightgreen';
+      return
+    }
+
+    const minutes = Math.floor(remainingSeconds / 60);
+    const seconds = remainingSeconds % 60;
+
+    displayTimer.innerHTML = `Time Remaining: ${String(minutes).padStart(2, "0")}:${String(seconds).padStart(2, "0")}`;
+    remainingSeconds -= 1;
+  }, 1000);
+
+}
 
 // DO NOT EDIT BELOW HERE