diff --git a/Sprint-3/alarmclock/alarmclock.js b/Sprint-3/alarmclock/alarmclock.js index 6ca81cd3b..177da293f 100644 --- a/Sprint-3/alarmclock/alarmclock.js +++ b/Sprint-3/alarmclock/alarmclock.js @@ -1,4 +1,27 @@ -function setAlarm() {} +function setScreenTimer(totalSeconds) { + const minutes = Math.floor(totalSeconds / 60); + const seconds = totalSeconds % 60; + const timeRemainingSpan = document.querySelector("#timeRemaining span"); + timeRemainingSpan.textContent = `${String(minutes).padStart(2, "0")}:${String(seconds).padStart(2, "0")}`; +} + +function setAlarm() { + const alarmSet = document.getElementById("alarmSet"); + let totalSeconds = Number(alarmSet.value); + + setScreenTimer(totalSeconds); + + const timer = setInterval(() => { + totalSeconds--; + if (totalSeconds <= 0) { + setScreenTimer(0); + clearInterval(timer); + playAlarm(); + } else { + setScreenTimer(totalSeconds); + } + }, 1000); +} // DO NOT EDIT BELOW HERE diff --git a/Sprint-3/alarmclock/index.html b/Sprint-3/alarmclock/index.html index 48e2e80d9..41913b06e 100644 --- a/Sprint-3/alarmclock/index.html +++ b/Sprint-3/alarmclock/index.html @@ -1,20 +1,20 @@ - + - Title here + Alarm clock app
-

Time Remaining: 00:00

+

Time Remaining: 00:00

- +