diff --git a/Sprint-3/alarmclock/alarmclock.js b/Sprint-3/alarmclock/alarmclock.js index 6ca81cd3b..05bae78db 100644 --- a/Sprint-3/alarmclock/alarmclock.js +++ b/Sprint-3/alarmclock/alarmclock.js @@ -1,4 +1,45 @@ -function setAlarm() {} +const alarmInput = document.getElementById("alarmSet"); +const timeRemaining = document.getElementById("timeRemaining"); +const setButton = document.getElementById("set"); +const stopButton = document.getElementById("stop"); + +let counter; + +setButton.addEventListener("click", setAlarm); +stopButton.addEventListener("click", pauseAlarm); + +function setText() { + const alarmValue = parseInt(alarmInput.value) || 0; + + const minutes = Math.floor(alarmValue / 60); + const seconds = alarmValue % 60; + + const displayM = String(minutes).padStart(2, "0"); + const displayS = String(seconds).padStart(2, "0"); + + timeRemaining.textContent = `Time Remaining: ${displayM}:${displayS}`; +} + +function countdown() { + let alarmValue = parseInt(alarmInput.value) || 0; + + if (alarmValue <= 0) { + playAlarm(); + clearInterval(counter); + return; + } + + alarmInput.value = alarmValue - 1; + setText(); +} + +function setAlarm() { + clearInterval(counter); + + setText(); + + counter = setInterval(countdown, 1000); +} // DO NOT EDIT BELOW HERE diff --git a/Sprint-3/alarmclock/index.html b/Sprint-3/alarmclock/index.html index 48e2e80d9..ed56b92dc 100644 --- a/Sprint-3/alarmclock/index.html +++ b/Sprint-3/alarmclock/index.html @@ -1,20 +1,22 @@ - + - Title here + Alarm clock app -
-

Time Remaining: 00:00

- - +
+
+

Time Remaining: 00:00

+ + - - -
+ + +
+