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 @@
+
 <!DOCTYPE html>
 <html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <link rel="stylesheet" href="style.css" />
-    <title>Title here</title>
-  </head>
-  <body>
-    <div class="centre">
-      <h1 id="timeRemaining">Time Remaining: 00:00</h1>
-      <label for="alarmSet">Set time to:</label>
-      <input id="alarmSet" type="number" />
-
-      <button id="set" type="button">Set Alarm</button>
-      <button id="stop" type="button">Stop Alarm</button>
-    </div>
-    <script src="alarmclock.js"></script>
-  </body>
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <link rel="stylesheet" href="style.css" />
+  <title>Alarm clock app</title>
+</head>
+<body>
+<div class="centre">
+  <h1 id="timeRemaining">Time Remaining: <span>00:00</span></h1>
+  <label for="alarmSet">Set time to:</label>
+  <input id="alarmSet" type="number" min="1" />
+  <button id="set" type="button">Set Alarm</button>
+  <button id="stop" type="button">Stop Alarm</button>
+</div>
+<script src="alarmclock.js"></script>
+</body>
 </html>
