From 605f05904c1242043a8416ac2e90423e90ee8272 Mon Sep 17 00:00:00 2001 From: d-odumosu Date: Sun, 2 Aug 2026 20:23:54 +0100 Subject: [PATCH] Implemented the set alarm funtion. --- Sprint-3/alarmclock/alarmclock.js | 26 ++++++++++++++++++++++- Sprint-3/alarmclock/index.html | 34 +++++++++++++++---------------- 2 files changed, 42 insertions(+), 18 deletions(-) diff --git a/Sprint-3/alarmclock/alarmclock.js b/Sprint-3/alarmclock/alarmclock.js index 6ca81cd3b..fed27ad9e 100644 --- a/Sprint-3/alarmclock/alarmclock.js +++ b/Sprint-3/alarmclock/alarmclock.js @@ -1,4 +1,28 @@ -function setAlarm() {} +const input = document.getElementById("alarmSet"); +const timeDisplay = document.querySelector("span"); + +function setAlarm() { + let timeInput = Number(input.value); + let minutes = Math.floor(timeInput / 60); + let seconds = timeInput % 60; + + minutes = minutes.toString().padStart(2, "0"); + seconds = seconds.toString().padStart(2, "0"); + timeDisplay.textContent = `${minutes}:${seconds}`; + + const alarm = setInterval(() => { + timeInput--; + let remainingMinutes = Math.floor(timeInput / 60); + let remainingSeconds = timeInput % 60; + remainingMinutes = remainingMinutes.toString().padStart(2, "0"); + remainingSeconds = remainingSeconds.toString().padStart(2, "0"); + timeDisplay.textContent = `${remainingMinutes}:${remainingSeconds}`; + if (timeInput === 0) { + playAlarm(); + clearInterval(alarm); + } + }, 1000); +} // DO NOT EDIT BELOW HERE diff --git a/Sprint-3/alarmclock/index.html b/Sprint-3/alarmclock/index.html index 48e2e80d9..00741235b 100644 --- a/Sprint-3/alarmclock/index.html +++ b/Sprint-3/alarmclock/index.html @@ -1,20 +1,20 @@ + - - - - - Title here - - -
-

Time Remaining: 00:00

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

Time Remaining: 00:00

+ + + + +
+ +