Update templates/index.html

templates/index.html

@@ -57,16 +57,18 @@
 
         function updateTimerOutput() {
             var timerOutput = document.getElementById("timer_output");
-            var remaining = parseInt(document.getElementById("seconds").value);
             var interval = setInterval(function() {
-                if (remaining > 0) {
-                    timerOutput.innerText = remaining + " seconds remaining...";
-                    remaining--;
-                } else {
-                    timerOutput.innerText = "Time's up!";
-                    clearInterval(interval);
-                }
-            }, 1000);
+                fetch("/get_timer")
+                .then(response => response.json())
+                .then(data => {
+                    if (data.message) {
+                        timerOutput.innerText = data.message;
+                    }
+                    if (data.message === "Time's up!") {
+                        clearInterval(interval);
+                    }
+                });
+            }, 1000); // Poll every second to get the timer update
         }
     </script>