Update script.js

script.js

@@ -70,16 +70,21 @@ function changeFont(font) {
 
 function toggleSeconds() {
     showSeconds = !showSeconds;
+    showTime();
 }
 
 function toggleAmPm() {
     showAmPm = !showAmPm;
+    showTime();
 }
 
 function toggleAutoSize() {
     autoSize = !autoSize;
     const sizeSlider = document.getElementById('sizeSlider');
     sizeSlider.disabled = autoSize;
+    if (autoSize) {
+        showTime();
+    }
 }
 
 function adjustSpacing(value) {
@@ -88,4 +93,31 @@ function adjustSpacing(value) {
 
 function adjustSize(value) {
     if (!autoSize) {
-        document.querySelector('.clock').
+        document.querySelector('.clock').style.fontSize = value + 'px';
+    }
+}
+
+function changeBackground(background) {
+    document.body.style.background = background;
+}
+
+function resetDefaults() {
+    showSeconds = false;
+    showAmPm = true;
+    autoSize = true;
+    document.getElementById('toggleSeconds').checked = false;
+    document.getElementById('toggleAmPm').checked = true;
+    document.getElementById('toggleAutoSize').checked = true;
+    document.getElementById('spacingSlider').value = 7;
+    document.getElementById('sizeSlider').value = 180;
+    document.querySelector('.clock').style.color = '#73b66f';
+    document.querySelector('.clock').style.fontFamily = 'Stencil';
+    document.querySelector('.clock').style.letterSpacing = '7px';
+    document.querySelector('.clock').style.fontSize = '180px';
+    document.body.style.background = 'black';
+    showTime();
+}
+
+document.addEventListener('DOMContentLoaded', (event) => {
+    showTime();
+});