Update script.js

script.js

@@ -29,12 +29,25 @@ function showTime() {
         time += " " + session;
     }
 
-    document.getElementById("MyClockDisplay").innerText = time;
-    document.getElementById("MyClockDisplay").textContent = time;
+    const clockDisplay = document.getElementById("MyClockDisplay");
+    clockDisplay.innerText = time;
+    clockDisplay.textContent = time;
+
+    adjustFontSize(clockDisplay);
 
     setTimeout(showTime, 1000);
 }
 
+function adjustFontSize(element) {
+    if (showSeconds && showAmPm) {
+        element.style.fontSize = "180px";
+    } else if (showSeconds || showAmPm) {
+        element.style.fontSize = "200px";
+    } else {
+        element.style.fontSize = "240px";
+    }
+}
+
 function toggleMenu() {
     const menu = document.getElementById('menu');
     if (menu.style.display === 'none' || menu.style.display === '') {
@@ -60,4 +73,4 @@ function toggleAmPm() {
     showAmPm = !showAmPm;
 }
 
-showTime();
+showTime();;