Update main.js

main.js

@@ -166,6 +166,29 @@ document.addEventListener('DOMContentLoaded', () => {
             settingsModal.classList.add('hidden');
         }
     });
+  // --- Settings Toggles Functionality ---
+// Select all checkboxes that have a "data-setting" attribute
+const settingToggles = settingsModal.querySelectorAll('input[data-setting]');
+
+settingToggles.forEach(toggle => {
+    // On page load, set the checkbox's state from our userSettings object
+    const settingName = toggle.dataset.setting;
+    if (userSettings[settingName] !== undefined) {
+        toggle.checked = userSettings[settingName];
+    }
+
+    // Add a listener that fires whenever a toggle is changed
+    toggle.addEventListener('change', (event) => {
+        const changedSettingName = event.target.dataset.setting;
+        const newValue = event.target.checked;
+        
+        // Update our settings object with the new value
+        userSettings[changedSettingName] = newValue;
+        
+        // For debugging, log the entire updated settings object to the console
+        console.log('Settings updated:', userSettings);
+    });
+});
 
     // --- INITIALIZATION ---
     // Fetch data as soon as the app loads