From c75d3d0b1eb0098570520aaa86937c1836312b68 Mon Sep 17 00:00:00 2001 From: Khaliun Baatarkhuu Date: Mon, 3 Aug 2026 19:33:07 +0100 Subject: [PATCH 1/2] Change title to 'Alarm clock app' --- 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 48e2e80d9..ff2d3b453 100644 --- a/Sprint-3/alarmclock/index.html +++ b/Sprint-3/alarmclock/index.html @@ -4,7 +4,7 @@ - Title here + Alarm clock app
From ea108caa80bf773d46604ac1afd3683978542b52 Mon Sep 17 00:00:00 2001 From: Khaliun Baatarkhuu Date: Mon, 3 Aug 2026 21:54:08 +0100 Subject: [PATCH 2/2] Implement alarm countdown display functionality Added displayTime function to show remaining time and updated setAlarm to utilize it. --- Sprint-3/alarmclock/alarmclock.js | 28 +++++++++++++++++++++++++++- 1 file changed, 27 insertions(+), 1 deletion(-) diff --git a/Sprint-3/alarmclock/alarmclock.js b/Sprint-3/alarmclock/alarmclock.js index 6ca81cd3b..8a9b71a9e 100644 --- a/Sprint-3/alarmclock/alarmclock.js +++ b/Sprint-3/alarmclock/alarmclock.js @@ -1,4 +1,30 @@ -function setAlarm() {} +function displayTime(time) { + const remainingElement = document.getElementById("timeRemaining"); + + const minutes = String(Math.floor(time / 60)).padStart(2, "0"); + const seconds = String(time % 60).padStart(2, "0"); + + remainingElement.innerText = `Time Remaining: ${minutes}:${seconds}`; +} + +function setAlarm() { + let time = parseInt(document.getElementById("alarmSet").value); + displayTime(time); + + const interval = setInterval(() => { + time--; + displayTime(time); + if (time === 0) { + clearInterval(interval); + playAlarm(); + } + }, 1000); +} + + + + + // DO NOT EDIT BELOW HERE