From 13bf268fac27e9aeb746abf1ce108e6ea15250d0 Mon Sep 17 00:00:00 2001 From: Edina Kurdi Date: Thu, 13 Aug 2026 11:59:08 +0100 Subject: [PATCH 1/5] add title to html --- Sprint-3/alarmclock/index.html | 37 ++++++++++++++++++---------------- 1 file changed, 20 insertions(+), 17 deletions(-) diff --git a/Sprint-3/alarmclock/index.html b/Sprint-3/alarmclock/index.html index 48e2e80d9..36715d7d9 100644 --- a/Sprint-3/alarmclock/index.html +++ b/Sprint-3/alarmclock/index.html @@ -1,20 +1,23 @@ - - - - - Title here - - -
-

Time Remaining: 00:00

- - - - -
- - - + + + + + Alarm clock app + + + +
+

Time Remaining: 00:00

+ + + + + +
+ + + + \ No newline at end of file From d22745d5d0dde368fdfa4a86d485450c87486084 Mon Sep 17 00:00:00 2001 From: Edina Kurdi Date: Thu, 13 Aug 2026 12:25:19 +0100 Subject: [PATCH 2/5] start implementing setAlarm() --- Sprint-3/alarmclock/alarmclock.js | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/Sprint-3/alarmclock/alarmclock.js b/Sprint-3/alarmclock/alarmclock.js index 6ca81cd3b..f49cb61e3 100644 --- a/Sprint-3/alarmclock/alarmclock.js +++ b/Sprint-3/alarmclock/alarmclock.js @@ -1,4 +1,11 @@ -function setAlarm() {} +function setAlarm() { + let timeInput = document.getElementById("alarmSet"); + // console.log(timeInput.value); + const timeRemaining = document.getElementById("timeRemaining"); + const minutes = String(Math.floor(timeInput.value / 60)).padstart(2, "0"); + const seconds = String(timeInput.value - minutes * 60).padStart(2, "0"); + timeRemaining.textContent = `Time remaining: ${minutes}:${seconds}`; +} // DO NOT EDIT BELOW HERE From e667709eca1d28d5b502ad5de04ae00d289069dd Mon Sep 17 00:00:00 2001 From: Edina Kurdi Date: Thu, 13 Aug 2026 12:25:54 +0100 Subject: [PATCH 3/5] start implementing setAlarm() function --- 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 f49cb61e3..4c58412fe 100644 --- a/Sprint-3/alarmclock/alarmclock.js +++ b/Sprint-3/alarmclock/alarmclock.js @@ -2,9 +2,9 @@ function setAlarm() { let timeInput = document.getElementById("alarmSet"); // console.log(timeInput.value); const timeRemaining = document.getElementById("timeRemaining"); - const minutes = String(Math.floor(timeInput.value / 60)).padstart(2, "0"); + const minutes = String(Math.floor(timeInput.value / 60)).padStart(2, "0"); const seconds = String(timeInput.value - minutes * 60).padStart(2, "0"); - timeRemaining.textContent = `Time remaining: ${minutes}:${seconds}`; + timeRemaining.textContent = `Time Remaining: ${minutes}:${seconds}`; } // DO NOT EDIT BELOW HERE From 1751d493ac3dffc74328e49f0d1ebe6ad1c029a4 Mon Sep 17 00:00:00 2001 From: Edina Kurdi Date: Thu, 13 Aug 2026 12:57:50 +0100 Subject: [PATCH 4/5] start countdown --- Sprint-3/alarmclock/alarmclock.js | 16 +++++++++++++--- 1 file changed, 13 insertions(+), 3 deletions(-) diff --git a/Sprint-3/alarmclock/alarmclock.js b/Sprint-3/alarmclock/alarmclock.js index 4c58412fe..8cd880374 100644 --- a/Sprint-3/alarmclock/alarmclock.js +++ b/Sprint-3/alarmclock/alarmclock.js @@ -1,10 +1,20 @@ function setAlarm() { - let timeInput = document.getElementById("alarmSet"); + const timeInput = document.getElementById("alarmSet"); // console.log(timeInput.value); + let remainingSeconds = timeInput.value; + const timeRemaining = document.getElementById("timeRemaining"); - const minutes = String(Math.floor(timeInput.value / 60)).padStart(2, "0"); - const seconds = String(timeInput.value - minutes * 60).padStart(2, "0"); + const minutes = String(Math.floor(remainingSeconds / 60)).padStart(2, "0"); + const seconds = String(remainingSeconds - minutes * 60).padStart(2, "0"); + timeRemaining.textContent = `Time Remaining: ${minutes}:${seconds}`; + + setInterval(() => { + remainingSeconds--; + const minutes = String(Math.floor(remainingSeconds / 60)).padStart(2, "0"); + const seconds = String(remainingSeconds - minutes * 60).padStart(2, "0"); + timeRemaining.textContent = `Time Remaining: ${minutes}:${seconds}`; + }, 1000); } // DO NOT EDIT BELOW HERE From 45dfc50b67edb54a4233559a804a52195925ffb3 Mon Sep 17 00:00:00 2001 From: Edina Kurdi Date: Thu, 13 Aug 2026 13:08:26 +0100 Subject: [PATCH 5/5] set a stopping point --- Sprint-3/alarmclock/alarmclock.js | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/Sprint-3/alarmclock/alarmclock.js b/Sprint-3/alarmclock/alarmclock.js index 8cd880374..803662c42 100644 --- a/Sprint-3/alarmclock/alarmclock.js +++ b/Sprint-3/alarmclock/alarmclock.js @@ -9,11 +9,15 @@ function setAlarm() { timeRemaining.textContent = `Time Remaining: ${minutes}:${seconds}`; - setInterval(() => { + const timer = setInterval(() => { remainingSeconds--; const minutes = String(Math.floor(remainingSeconds / 60)).padStart(2, "0"); const seconds = String(remainingSeconds - minutes * 60).padStart(2, "0"); timeRemaining.textContent = `Time Remaining: ${minutes}:${seconds}`; + if (remainingSeconds === 0) { + playAlarm(); + clearInterval(timer); + } }, 1000); }