From 404f278fc318aff3347d40d8d776c600ec62f0e8 Mon Sep 17 00:00:00 2001 From: Maryam Janjua Date: Fri, 21 Aug 2026 13:55:38 +0100 Subject: [PATCH] alarm clock task --- Sprint-3/alarmclock/alarmclock.js | 32 +++++++++++++++++++++++++++++-- Sprint-3/alarmclock/index.html | 2 +- Sprint-3/alarmclock/style.css | 2 +- 3 files changed, 32 insertions(+), 4 deletions(-) diff --git a/Sprint-3/alarmclock/alarmclock.js b/Sprint-3/alarmclock/alarmclock.js index 6ca81cd3b..1a96759a2 100644 --- a/Sprint-3/alarmclock/alarmclock.js +++ b/Sprint-3/alarmclock/alarmclock.js @@ -1,7 +1,35 @@ -function setAlarm() {} +function setAlarm() { + const input = document.getElementById("alarmSet"); + const heading = document.getElementById("timeRemaining"); + let timeRemaining = Number(input.value); + function updateHeading() { + const minutes = Math.floor(timeRemaining / 60); + const seconds = timeRemaining % 60; + const formattedMinutes = String(minutes).padStart(2, "0"); + const formattedSeconds = String(seconds).padStart(2, "0"); + heading.innerText = + `Time Remaining: ${formattedMinutes}:${formattedSeconds}`; + } + updateHeading(); + // If the alarm is set to 00:00 + if (timeRemaining === 0) { + playAlarm(); + return; + } + + const timer = setInterval(() => { + timeRemaining--; + updateHeading(); + // When the countdown reaches zero + if (timeRemaining === 0) { + clearInterval(timer); + playAlarm(); + document.body.style.backgroundColor = "lightcoral"; + } + }, 1000); +} // DO NOT EDIT BELOW HERE - var audio = new Audio("alarmsound.mp3"); function setup() { diff --git a/Sprint-3/alarmclock/index.html b/Sprint-3/alarmclock/index.html index 48e2e80d9..4a91379d3 100644 --- a/Sprint-3/alarmclock/index.html +++ b/Sprint-3/alarmclock/index.html @@ -4,7 +4,7 @@ - Title here + Alarm Clock App
diff --git a/Sprint-3/alarmclock/style.css b/Sprint-3/alarmclock/style.css index 0c72de38b..a5869c324 100644 --- a/Sprint-3/alarmclock/style.css +++ b/Sprint-3/alarmclock/style.css @@ -12,4 +12,4 @@ h1 { text-align: center; -} +} \ No newline at end of file