From 63c3803ccf6fca9b45588bd91250fe6b75f96efe Mon Sep 17 00:00:00 2001 From: Samual-Hu Date: Fri, 27 Mar 2026 12:34:02 +0000 Subject: [PATCH 1/3] Complete Alarm Clock App --- Sprint-3/alarmclock/alarmclock.js | 30 +++++++++++++++++++++++++++++- Sprint-3/alarmclock/index.html | 6 +++--- 2 files changed, 32 insertions(+), 4 deletions(-) diff --git a/Sprint-3/alarmclock/alarmclock.js b/Sprint-3/alarmclock/alarmclock.js index 6ca81cd3b..c2476b2a8 100644 --- a/Sprint-3/alarmclock/alarmclock.js +++ b/Sprint-3/alarmclock/alarmclock.js @@ -1,4 +1,32 @@ -function setAlarm() {} +let countdownInterval; + +function setAlarm() { + const inputElement = document.getElementById("alarmSet"); + const timeDisplay = document.getElementById("timeRemaining"); + + let timeRemaining = parseInt(inputElement.value, 10) || 0; + + clearInterval(countdownInterval); + + function updateDisplay() { + const minutes = String(Math.floor(timeRemaining / 60)).padStart(2, "0"); + const seconds = String(timeRemaining % 60).padStart(2, "0"); + timeDisplay.innerText = `Time Remaining: ${minutes}:${seconds}`; + } + + updateDisplay(); + + countdownInterval = setInterval(() => { + timeRemaining--; + + if (timeRemaining < 0) { + clearInterval(countdownInterval); + playAlarm(); + } else { + updateDisplay(); + } + }, 1000); +} // DO NOT EDIT BELOW HERE diff --git a/Sprint-3/alarmclock/index.html b/Sprint-3/alarmclock/index.html index 48e2e80d9..ad7edc16f 100644 --- a/Sprint-3/alarmclock/index.html +++ b/Sprint-3/alarmclock/index.html @@ -1,16 +1,16 @@ - + - Title here + Alarm Clock App

Time Remaining: 00:00

- + From 2f1b6e2346a180ac8fa2d8f04a2a11b30cb8cf8c Mon Sep 17 00:00:00 2001 From: Samual-Hu Date: Tue, 7 Apr 2026 14:10:58 +0100 Subject: [PATCH 2/3] Fix timer condition --- Sprint-3/alarmclock/alarmclock.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/Sprint-3/alarmclock/alarmclock.js b/Sprint-3/alarmclock/alarmclock.js index c2476b2a8..870537a79 100644 --- a/Sprint-3/alarmclock/alarmclock.js +++ b/Sprint-3/alarmclock/alarmclock.js @@ -19,7 +19,7 @@ function setAlarm() { countdownInterval = setInterval(() => { timeRemaining--; - if (timeRemaining < 0) { + if (timeRemaining <= 0) { clearInterval(countdownInterval); playAlarm(); } else { From 8f8ec5e3ac62cea227e2887672f148bcb34495d1 Mon Sep 17 00:00:00 2001 From: Samual-Hu Date: Tue, 7 Apr 2026 16:12:32 +0100 Subject: [PATCH 3/3] Ensure display updates to 00:00 when alarm plays --- Sprint-3/alarmclock/alarmclock.js | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/Sprint-3/alarmclock/alarmclock.js b/Sprint-3/alarmclock/alarmclock.js index 870537a79..2d4b936e3 100644 --- a/Sprint-3/alarmclock/alarmclock.js +++ b/Sprint-3/alarmclock/alarmclock.js @@ -19,11 +19,11 @@ function setAlarm() { countdownInterval = setInterval(() => { timeRemaining--; + updateDisplay(); + if (timeRemaining <= 0) { clearInterval(countdownInterval); playAlarm(); - } else { - updateDisplay(); } }, 1000); }