complete alarmclock.js - all tests pass

Author: Temceo

Sprint-3/alarmclock/alarmclock.js

@@ -3,22 +3,49 @@ const input = document.querySelector("#alarmSet");
 const startBtn = document.querySelector("#set");
 const stopBtn = document.querySelector("#stop");
 
+let timer = null;
+
+function renderTime(totalSeconds) {
+  const minutes = Math.floor(totalSeconds / 60);
+  const seconds = totalSeconds % 60;
+  const mm = String(minutes).padStart(2, "0");
+  const ss = String(seconds).padStart(2, "0");
+  heading.innerText = `Time Remaining: ${mm}:${ss}`;
+}
+
 function setAlarm() {
-  let totalSeconds = Number(input.value);
-  let timer = null;
+  const rawValue = input.value.trim();
+  if (rawValue === "") {
+    return;
+  }
+
+  let totalSeconds = Number(rawValue);
+  if (Number.isNaN(totalSeconds) || totalSeconds < 0) {
+    return;
+  }
+
+  if (timer !== null) {
+    clearInterval(timer);
+  }
+
+  renderTime(totalSeconds);
+
+  if (totalSeconds === 0) {
+    playAlarm();
+    timer = null;
+    input.value = "";
+    return;
+  }
 
   timer = setInterval(() => {
-    const minutes = Math.floor(totalSeconds / 60);
-    const seconds = totalSeconds % 60;
-    const mm = String(minutes).padStart(2, "0");
-    const ss = String(seconds).padStart(2, "0");
-    heading.innerText = `Time Remaining: ${mm}:${ss}`;
+    totalSeconds--;
+    renderTime(totalSeconds);
+
     if (totalSeconds === 0) {
+      clearInterval(timer);
       timer = null;
       playAlarm();
-      return;
     }
-    totalSeconds--;
   }, 1000);
 
   input.value = "";