diff --git a/Sprint-3/alarmclock/alarmclock.js b/Sprint-3/alarmclock/alarmclock.js index 6ca81cd3b..142916055 100644 --- a/Sprint-3/alarmclock/alarmclock.js +++ b/Sprint-3/alarmclock/alarmclock.js @@ -1,4 +1,30 @@ -function setAlarm() {} +const timeInput = document.querySelector("#alarmSet"); +const timeRemaining = document.querySelector("#timeRemaining"); +const setAlarmButton = document.querySelector("#set"); +setAlarmButton.addEventListener("click", setAlarm); + +let currentCountdown; +function setAlarm() { + if (currentCountdown) { + clearInterval(currentCountdown); + } + let totalSeconds = Number(timeInput.value); + + currentCountdown = setInterval(() => { + const minutes = Math.floor(totalSeconds / 60); + const seconds = totalSeconds % 60; + const paddedMinutes = minutes.toString().padStart(2, "0"); + const paddedSeconds = seconds.toString().padStart(2, "0"); + timeRemaining.innerText = `Time Remaining:${paddedMinutes}:${paddedSeconds}`; + if (totalSeconds <= 0) { + clearInterval(currentCountdown); + currentCountdown = null; + playAlarm(); + return; + } + totalSeconds--; + }, 1000); +} // 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