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 @@ - - - - - Title here - - -
-

Time Remaining: 00:00

- - - - -
- - - + + + + + + Alarm Clock + + + +
+

Time Remaining: 00:00

+ + + + + +
+ + + \ No newline at end of file