diff --git a/Sprint-3/alarmclock/alarmclock.js b/Sprint-3/alarmclock/alarmclock.js index 6ca81cd3b..4958ef29e 100644 --- a/Sprint-3/alarmclock/alarmclock.js +++ b/Sprint-3/alarmclock/alarmclock.js @@ -1,4 +1,41 @@ -function setAlarm() {} +function displayTime(time) { + const remainingElement = document.getElementById("timeRemaining"); + const minutes = String(Math.floor(time / 60)).padStart(2, "0"); + const seconds = String(time % 60).padStart(2, "0"); + remainingElement.innerText = `Time Remaining: ${minutes}:${seconds}`; +} + +let interval; + +function setAlarm() { + let time = parseInt(document.getElementById("alarmSet").value); + + if (!Number.isInteger(time) || time <= 0) { + return; + } + + clearInterval(interval); + pauseAlarm(); + + displayTime(time); + + interval = setInterval(() => { + time--; + displayTime(time); + + if (time === 0) { + clearInterval(interval); + playAlarm(); + } + }, 1000); +} + +window.addEventListener("load", () => { + document.getElementById("stop").addEventListener("click", () => { + clearInterval(interval); + }); +}); + // DO NOT EDIT BELOW HERE diff --git a/Sprint-3/alarmclock/index.html b/Sprint-3/alarmclock/index.html index 48e2e80d9..ff2d3b453 100644 --- a/Sprint-3/alarmclock/index.html +++ b/Sprint-3/alarmclock/index.html @@ -4,7 +4,7 @@ - Title here + Alarm clock app