From 83598701ca4deb5af5eda86b9e7e9f5d1a77b7b1 Mon Sep 17 00:00:00 2001 From: KK Tech Date: Sat, 28 Mar 2026 14:05:13 +0000 Subject: [PATCH 1/5] fixed some things --- Sprint-3/alarmclock/alarmclock.js | 1 + Sprint-3/alarmclock/index.html | 38 +++++++++++++++++-------------- Sprint-3/alarmclock/style.css | 4 ++++ 3 files changed, 26 insertions(+), 17 deletions(-) diff --git a/Sprint-3/alarmclock/alarmclock.js b/Sprint-3/alarmclock/alarmclock.js index 6ca81cd3b..73eb93158 100644 --- a/Sprint-3/alarmclock/alarmclock.js +++ b/Sprint-3/alarmclock/alarmclock.js @@ -23,3 +23,4 @@ function pauseAlarm() { } window.onload = setup; + diff --git a/Sprint-3/alarmclock/index.html b/Sprint-3/alarmclock/index.html index 48e2e80d9..3326265fe 100644 --- a/Sprint-3/alarmclock/index.html +++ b/Sprint-3/alarmclock/index.html @@ -1,20 +1,24 @@ - - - - - Title here - - -
-

Time Remaining: 00:00

- - - - -
- - - + + + + + Title here + + + +
+

Time Remaining: 00:00

+ + + + + + +
+ + + + \ No newline at end of file diff --git a/Sprint-3/alarmclock/style.css b/Sprint-3/alarmclock/style.css index 0c72de38b..a81cadb37 100644 --- a/Sprint-3/alarmclock/style.css +++ b/Sprint-3/alarmclock/style.css @@ -13,3 +13,7 @@ h1 { text-align: center; } + +body{ + background-color: darkgreen; +} \ No newline at end of file From 9b1230f31169cc3d7ca4fa87ca73c634e5a0d11e Mon Sep 17 00:00:00 2001 From: KK Tech Date: Sat, 28 Mar 2026 23:47:57 +0000 Subject: [PATCH 2/5] fixed an issue --- Sprint-3/alarmclock/alarmclock.js | 1 - 1 file changed, 1 deletion(-) diff --git a/Sprint-3/alarmclock/alarmclock.js b/Sprint-3/alarmclock/alarmclock.js index 73eb93158..6ca81cd3b 100644 --- a/Sprint-3/alarmclock/alarmclock.js +++ b/Sprint-3/alarmclock/alarmclock.js @@ -23,4 +23,3 @@ function pauseAlarm() { } window.onload = setup; - From e6141bc40f51e4f9ce9d34d14fa739596a0fd6da Mon Sep 17 00:00:00 2001 From: KK Tech Date: Thu, 2 Apr 2026 19:41:44 +0100 Subject: [PATCH 3/5] uptaded my code --- Sprint-3/alarmclock/alarmclock.js | 27 ++++++++++++++++++++++++++- 1 file changed, 26 insertions(+), 1 deletion(-) diff --git a/Sprint-3/alarmclock/alarmclock.js b/Sprint-3/alarmclock/alarmclock.js index 6ca81cd3b..077443e16 100644 --- a/Sprint-3/alarmclock/alarmclock.js +++ b/Sprint-3/alarmclock/alarmclock.js @@ -1,5 +1,30 @@ -function setAlarm() {} +function setAlarm() { + const input = document.getElementById("alarmSet"); + const heading = document.getElementById("timeRemaining"); + let totalSeconds = Number(input.value); + + let minutes = String(Math.floor(totalSeconds / 60)).padStart(2, "0"); + let seconds = String(totalSeconds % 60).padStart(2, "0"); + + heading.innerText = `Time Remaining: ${minutes}:${seconds}`; + + const timer = setInterval(() => { + totalSeconds--; + + let minutes = String(Math.floor(totalSeconds / 60)).padStart(2, "0"); + let seconds = String(totalSeconds % 60).padStart(2, "0"); + + heading.innerText = `Time Remaining: ${minutes}:${seconds}`; + + if (totalSeconds <= 0) { + clearInterval(timer); + playAlarm(); + } + + console.log(totalSeconds); + }, 1000); +} // DO NOT EDIT BELOW HERE var audio = new Audio("alarmsound.mp3"); From 276e8b6bc3999d8999c401efd1865500c9fd6449 Mon Sep 17 00:00:00 2001 From: KK Tech Date: Thu, 2 Apr 2026 20:07:00 +0100 Subject: [PATCH 4/5] fixed a litttle issue --- Sprint-3/alarmclock/index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/Sprint-3/alarmclock/index.html b/Sprint-3/alarmclock/index.html index 3326265fe..32964fb58 100644 --- a/Sprint-3/alarmclock/index.html +++ b/Sprint-3/alarmclock/index.html @@ -5,7 +5,7 @@ - Title here + alarmclock.js From 227cef8862f0122bc98697b043b2f186e615af8f Mon Sep 17 00:00:00 2001 From: KK Tech Date: Sat, 4 Apr 2026 21:53:24 +0100 Subject: [PATCH 5/5] Fiex issues following the feedback instructions plus chnaged the badkground colour to make it stand better --- Sprint-3/alarmclock/alarmclock.js | 18 ++++++++++++++---- Sprint-3/alarmclock/style.css | 2 +- 2 files changed, 15 insertions(+), 5 deletions(-) diff --git a/Sprint-3/alarmclock/alarmclock.js b/Sprint-3/alarmclock/alarmclock.js index 077443e16..41e7a1708 100644 --- a/Sprint-3/alarmclock/alarmclock.js +++ b/Sprint-3/alarmclock/alarmclock.js @@ -1,15 +1,26 @@ +let timer = null; + function setAlarm() { const input = document.getElementById("alarmSet"); const heading = document.getElementById("timeRemaining"); let totalSeconds = Number(input.value); + if (!input.value || totalSeconds <= 0) { + return; + } + + // stop previous timer + if (timer) { + clearInterval(timer); + } + let minutes = String(Math.floor(totalSeconds / 60)).padStart(2, "0"); let seconds = String(totalSeconds % 60).padStart(2, "0"); heading.innerText = `Time Remaining: ${minutes}:${seconds}`; - const timer = setInterval(() => { + timer = setInterval(() => { totalSeconds--; let minutes = String(Math.floor(totalSeconds / 60)).padStart(2, "0"); @@ -17,14 +28,13 @@ function setAlarm() { heading.innerText = `Time Remaining: ${minutes}:${seconds}`; - if (totalSeconds <= 0) { + if (totalSeconds === 0) { clearInterval(timer); playAlarm(); } - - console.log(totalSeconds); }, 1000); } + // DO NOT EDIT BELOW HERE var audio = new Audio("alarmsound.mp3"); diff --git a/Sprint-3/alarmclock/style.css b/Sprint-3/alarmclock/style.css index a81cadb37..32b4c23a7 100644 --- a/Sprint-3/alarmclock/style.css +++ b/Sprint-3/alarmclock/style.css @@ -15,5 +15,5 @@ h1 { } body{ - background-color: darkgreen; + background-color:darkgoldenrod; } \ No newline at end of file