diff --git a/Sprint-3/alarmclock/alarmclock.js b/Sprint-3/alarmclock/alarmclock.js index 6ca81cd3b..f11f60f02 100644 --- a/Sprint-3/alarmclock/alarmclock.js +++ b/Sprint-3/alarmclock/alarmclock.js @@ -1,5 +1,41 @@ -function setAlarm() {} +let intervalId; +function setAlarm() { + const input = document.getElementById("alarmSet"); + let time = Number(input.value); + + const heading = document.getElementById("timeRemaining"); + + clearInterval(intervalId); + + function format(num) { + if (num < 10) return "0" + num; + return num; + } + + heading.innerText = + "Time Remaining: " + + format(Math.floor(time / 60)) + + ":" + + format(time % 60); + + intervalId = setInterval(() => { + time--; + + if (time <= 0) { + heading.innerText = "Time Remaining: 00:00"; + clearInterval(intervalId); + playAlarm(); + return; + } + + heading.innerText = + "Time Remaining: " + + format(Math.floor(time / 60)) + + ":" + + format(time % 60); + }, 1000); +} // 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..ff2d3b453 100644 --- a/Sprint-3/alarmclock/index.html +++ b/Sprint-3/alarmclock/index.html @@ -4,7 +4,7 @@ - Title here + Alarm clock app
diff --git a/Sprint-3/package.json b/Sprint-3/package.json index 711a5390f..c58a56a6b 100644 --- a/Sprint-3/package.json +++ b/Sprint-3/package.json @@ -26,7 +26,7 @@ "@testing-library/dom": "^10.4.0", "@testing-library/jest-dom": "^6.6.3", "@testing-library/user-event": "^14.6.1", - "jest": "^30.0.4", + "jest": "^30.2.0", "jest-environment-jsdom": "^30.0.4" } }