update html title, convert input value to time format and set dynamic alarm counter

marthak1 · marthak1 · commit ed3d3ccf62c6 · 2026-04-03T03:04:37.000+01:00
diff --git a/Sprint-3/alarmclock/alarmclock.js b/Sprint-3/alarmclock/alarmclock.js
@@ -1,4 +1,32 @@
-function setAlarm() {}
+function time_convert(num) {
+  let minutes = Math.floor((num % 3600) / 60);
+  let seconds = num % 60;
+  return minutes.toString().padStart(2, '0') + ":" + seconds.toString().padStart(2, '0');
+}
+function setAlarm() {
+  const alarmSetInput = document.getElementById("alarmSet");
+  const timer = time_convert(alarmSetInput.value)
+  const timeRemainingCounter = document.getElementById("timeRemaining");
+  timeRemainingCounter.textContent = `Time Remaining: ${timer}`;
+}
+
+// ## How the clock should work
+
+// When you click the `Set Alarm` button the counter at the top of the screen should change to the number you entered in the `input` field. For example, if the `input` field says `10` then the title should say `Time Remaining: 00:10`.
+
+// Every one second the title should count down by one.
+
+// When the `Time Remaining` reaches `00:00` the alarm should play a sound. You can make the sound happen by using `playAlarm()`.
+
+// You can stop the alarm sound by pressing the `Stop Alarm` button.
+
+// ## Need Help?
+
+// Only read this section if you really need to! It's good to work this out for yourself.
+
+// ### Hints
+
+// - Have you tried looking at the `setInterval` function?
 
 // DO NOT EDIT BELOW HERE
 
diff --git a/Sprint-3/alarmclock/index.html b/Sprint-3/alarmclock/index.html
@@ -4,7 +4,7 @@
     <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>
+    <title>Alarm clock app</title>
   </head>
   <body>
     <div class="centre">
@@ -18,3 +18,5 @@ <h1 id="timeRemaining">Time Remaining: 00:00</h1>
     <script src="alarmclock.js"></script>
   </body>
 </html>
+
+
