diff --git a/Sprint-3/alarmclock/alarmclock.js b/Sprint-3/alarmclock/alarmclock.js index 6ca81cd3b..967432de0 100644 --- a/Sprint-3/alarmclock/alarmclock.js +++ b/Sprint-3/alarmclock/alarmclock.js @@ -1,5 +1,39 @@ -function setAlarm() {} +const userInput = document.querySelector("#alarmSet"); +const timeRemaining = document.querySelector("#timeRemaining"); +const stop = document.querySelector("#stop"); +let totalSeconds = 0; +function main() { + document.getElementById("alarmSet").addEventListener("click", counterUpdate); + document.getElementById("alarmSet").addEventListener("keyup", counterUpdate); +} + +function counterUpdate() { + const userInputValue = userInput.value; + if (userInputValue >= 0) { + totalSeconds = userInputValue; + displyUpdate(); + } +} + +function displyUpdate() { + const minutes = Math.floor(totalSeconds / 60); + const seconds = totalSeconds % 60; + timeRemaining.innerText = `Time Remaining: ${minutes.toString().padStart(2, "0")}:${seconds.toString().padStart(2, "0")}`; +} + +function setAlarm() { + const interval = setInterval(() => { + totalSeconds--; + displyUpdate(); + if (totalSeconds <= 0) { + clearInterval(interval); + userInput.value = ""; + playAlarm(); + } + }, 1000); +} +main(); // DO NOT EDIT BELOW HERE var audio = new Audio("alarmsound.mp3"); diff --git a/Sprint-3/alarmclock/index.html b/Sprint-3/alarmclock/index.html index 48e2e80d9..66748001e 100644 --- a/Sprint-3/alarmclock/index.html +++ b/Sprint-3/alarmclock/index.html @@ -1,10 +1,10 @@ - + - Title here + Alarm clock app