removed unnecesary functions and reset timer

asaniDev · asaniDev · commit da00a5e452af · 2025-12-16T02:44:51.000Z
diff --git a/Sprint-3/alarmclock/alarmclock.js b/Sprint-3/alarmclock/alarmclock.js
@@ -5,15 +5,19 @@ let changeBgColor = false;
 function setAlarm() {
   inputTime = Number(document.querySelector("#alarmSet").value);
 
-  if (Number.isInteger(inputTime) && !isNaN(inputTime) && inputTime >= 0) {
+  if (Number.isInteger(inputTime) && inputTime >= 0) {
     if (inputTime === 10) {
       changeBgColor = true;
     } else if (inputTime === 0) {
       displayTime(inputTime);
       playAlarm();
+      document.querySelector("#alarmSet").value = "";
     }
     displayTime(inputTime);
-    if (timer) clearInterval(timer);
+    if (timer) {
+      clearInterval(timer);
+      timer = null;
+    }
     timer = setInterval(countDown, 1000);
   }
 }
diff --git a/Sprint-3/alarmclock/index.html b/Sprint-3/alarmclock/index.html
@@ -8,7 +8,9 @@
   </head>
   <body>
     <div class="centre">
-      <h1 id="timeRemaining">Time Remaining: 00:00</h1>
+      <div id="timeRemaining">
+        Time Remaining: <span id="theTime">00:00</span>
+      </div>
       <label for="alarmSet">Set time to:</label>
       <input id="alarmSet" type="number" />
 
diff --git a/Sprint-3/alarmclock/style.css b/Sprint-3/alarmclock/style.css
@@ -10,10 +10,30 @@
   background-color: #f0f8ff;
 }
 
-#alarmSet {
+#theTime {
+  font-size: 24px;
+  text-align: center;
   margin: 20px;
 }
 
-h1 {
+#timeRemaining {
+  font-size: 24px;
   text-align: center;
+  margin: 20px;
+}
+
+#alarmSet {
+  margin: 20px;
+  font-size: 18px;
+  text-align: center;
+}
+#set {
+  font-size: 14px;
+  padding: 5px;
+}
+
+#stop {
+  font-size: 14px;
+  padding: 5px;
+  margin-left: 20px;
 }
