diff --git a/week-3/alarmclock/alarmclock.js b/week-3/alarmclock/alarmclock.js index 6ca81cd3..da17580e 100644 --- a/week-3/alarmclock/alarmclock.js +++ b/week-3/alarmclock/alarmclock.js @@ -1,4 +1,27 @@ -function setAlarm() {} +let alarmTime; +let remainingTime = document.querySelector("#timeRemaining"); +let intervalID; + +function setAlarm() { + clearInterval(intervalID); + let alarmInput = document.getElementById("alarmSet"); + alarmTime = alarmInput.value; + intervalID = setInterval(updateTimeRemaining, 1000); + updateTimeRemaining(); +} + +function updateTimeRemaining() { + let minutes = Math.floor(alarmTime / 60); + let seconds = alarmTime % 60; + remainingTime.innerText = `Time Remaining: ${minutes + .toString() + .padStart(2, "0")}:${seconds.toString().padStart(2, "0")}`; + if (alarmTime === 0) { + playAlarm(); + clearInterval(intervalID); + } + alarmTime--; +} // DO NOT EDIT BELOW HERE diff --git a/week-3/alarmclock/index.html b/week-3/alarmclock/index.html index 48e2e80d..c375ab24 100644 --- a/week-3/alarmclock/index.html +++ b/week-3/alarmclock/index.html @@ -1,20 +1,23 @@ -
- - - -