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