ZA | ITP-May-2025 | Rashaad Ebrahim | Module Data Groups | Alarm Clock

Sprint-3/alarmclock/alarmclock.js

@@ -1,4 +1,74 @@
-function setAlarm() {}
+const timeRemainingDisplay = document.querySelector("#timeRemaining");
+const alarmSetInput = document.querySelector("#alarmSet");
+const bodyContainer = document.querySelector("body");
+
+// Buttons
+const stopAlarmBtn = document.querySelector("#stop");
+const setAlarmBtn = document.querySelector("#set");
+
+// Disable set button if input is empty
+setAlarmBtn.disabled = true;
+
+// Disable stop button if no timer running
+stopAlarmBtn.disabled = true;
+
+function init() {
+  setAlarmBtn.disabled = true;
+  stopAlarmBtn.disabled = true;
+  clearInterval(alarmTimer);
+  audio.currentTime = 0;
+  bodyContainer.removeAttribute("style");
+}
+
+stopAlarmBtn.addEventListener("click", init);
+
+// Only show set button when there is a positive value in the input
+function activateSetButton() {
+  alarmSetInput.addEventListener("input", (e) => {
+    Number(e.target.value) > 0 && Number.isInteger(Number(e.target.value))
+      ? (setAlarmBtn.disabled = false)
+      : (setAlarmBtn.disabled = true);
+  });
+}
+activateSetButton();
+
+// Global variables
+let inputValue, seconds, minutes, hours, alarmTimer;
+
+// Helper functions
+function numberStartPadder(num, count = 2, padding = "0") {
+  return num.toString().padStart(count, padding);
+}
+
+function displayAlarmInput(value) {
+  seconds = numberStartPadder(value % 60);
+  minutes = numberStartPadder(Math.floor(value / 60));
+  return (timeRemainingDisplay.innerHTML = `Time Remaining: ${minutes}:${seconds}`);
+}
+
+function counter() {
+  if (inputValue > 0) {
+    inputValue--;
+    displayAlarmInput(inputValue);
+  } else {
+    clearInterval(alarmTimer);
+    playAlarm();
+    bodyContainer.style.backgroundColor = "#FF5252";
+    stopAlarmBtn.disabled = false;
+  }
+}
+
+// Main function
+function setAlarm() {
+  if (alarmTimer) {
+    clearInterval(alarmTimer);
+  }
+  inputValue = Number(alarmSetInput.value);
+  alarmSetInput.value = "";
+  setAlarmBtn.disabled = true;
+  displayAlarmInput(inputValue);
+  alarmTimer = setInterval(counter, 1000);
+}
 
 // DO NOT EDIT BELOW HERE