diff --git a/Sprint-3/alarmclock/alarmclock.js b/Sprint-3/alarmclock/alarmclock.js index 6ca81cd3b..fbb5e2ef5 100644 --- a/Sprint-3/alarmclock/alarmclock.js +++ b/Sprint-3/alarmclock/alarmclock.js @@ -1,8 +1,47 @@ -function setAlarm() {} +let countdownInterval; + +function updateDisplay(seconds) { + const timeDisplay = document.getElementById("timeRemaining"); + const minutes = String(Math.floor(seconds / 60)).padStart(2, "0"); + const remainingSeconds = String(seconds % 60).padStart(2, "0"); + + timeDisplay.textContent = `Time Remaining: ${minutes}:${remainingSeconds}`; +} + + + +function setAlarm() { + const input = document.getElementById("alarmSet"); + let seconds = parseInt(input.value, 10); + + clearInterval(countdownInterval); + updateDisplay(seconds); + + countdownInterval = setInterval(() => { + seconds--; + + if (seconds <= 0) { + clearInterval(countdownInterval); + updateDisplay(0); + playAlarm(); + document.body.style.backgroundColor = "red"; + return; + } + + updateDisplay(seconds); + }, 1000); + +} + +document.getElementById("set").addEventListener("click", setAlarm); + +document.getElementById("stop").addEventListener("click", () => { + clearInterval(countdownInterval); +}); // DO NOT EDIT BELOW HERE -var audio = new Audio("alarmsound.mp3"); +var audio = new Audio("https://actions.google.com/sounds/v1/alarms/alarm_clock.ogg"); function setup() { document.getElementById("set").addEventListener("click", () => { 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 @@ -