Update main.js

main.js

@@ -180,7 +180,10 @@ document.addEventListener('DOMContentLoaded', () => {
 
     // --- EVENT LISTENERS ---
     
-    arToggle.addEventListener('click', () => toggleARView(!arActive));
+    // AR Mode Toggle
+    if(arToggle) arToggle.addEventListener('click', () => toggleARView(!arActive));
+
+    // Clicking on AR objects
     const sceneEl = document.querySelector('a-scene');
     if (sceneEl) {
         sceneEl.addEventListener('click', (event) => {
@@ -190,12 +193,43 @@ document.addEventListener('DOMContentLoaded', () => {
             }
         });
     }
+
+    // Info Modal Close Button
     if(closeObjectModal) closeObjectModal.addEventListener('click', () => objectModal.classList.add('hidden'));
+    
+    // Search Bar
     if(sendBtn) sendBtn.addEventListener('click', handleSearch);
     if(userInput) userInput.addEventListener('keypress', (e) => { if (e.key === 'Enter') handleSearch(); });
-    if(settingsBtn) settingsBtn.addEventListener('click', () => { settingsModal.classList.remove('hidden'); });
-    if(closeSettingsModal) closeSettingsModal.addEventListener('click', () => { settingsModal.classList.add('hidden'); });
-    if(settingsModal) settingsModal.addEventListener('click', (event) => { if (event.target === settingsModal) { settingsModal.classList.add('hidden'); } });
+
+    // Settings Modal Open/Close
+    if(settingsBtn) settingsBtn.addEventListener('click', () => {
+        if(settingsModal) settingsModal.classList.remove('hidden');
+    });
+    if(closeSettingsModal) closeSettingsModal.addEventListener('click', () => {
+        if(settingsModal) settingsModal.classList.add('hidden');
+    });
+    if(settingsModal) settingsModal.addEventListener('click', (event) => {
+        if (event.target === settingsModal) settingsModal.classList.add('hidden');
+    });
+
+    // Glasses Modal Open/Close
+    if (glassesBtn) {
+        glassesBtn.addEventListener('click', () => {
+            if(glassesModal) glassesModal.classList.remove('hidden');
+        });
+    }
+    if (closeGlassesModal) {
+        closeGlassesModal.addEventListener('click', () => {
+            if(glassesModal) glassesModal.classList.add('hidden');
+        });
+    }
+    if (glassesModal) {
+        glassesModal.addEventListener('click', (event) => {
+            if (event.target === glassesModal) glassesModal.classList.add('hidden');
+        });
+    }
+
+    // Settings Toggles Functionality
     const settingToggles = settingsModal ? settingsModal.querySelectorAll('input[data-setting]') : [];
     settingToggles.forEach(toggle => {
         const settingName = toggle.dataset.setting;
@@ -203,25 +237,9 @@ document.addEventListener('DOMContentLoaded', () => {
         toggle.addEventListener('change', (event) => {
             const changedSettingName = event.target.dataset.setting;
             userSettings[changedSettingName] = event.target.checked;
-            // console.log('Settings updated:', userSettings); // You can re-enable this for testing
+            console.log('Settings updated:', userSettings);
         });
     });
-  // --- Glasses Modal Open/Close ---
-if (glassesBtn && glassesModal && closeGlassesModal) {
-    glassesBtn.addEventListener('click', () => {
-        glassesModal.classList.remove('hidden');
-    });
-
-    closeGlassesModal.addEventListener('click', () => {
-        glassesModal.classList.add('hidden');
-    });
-
-    glassesModal.addEventListener('click', (event) => {
-        if (event.target === glassesModal) {
-            glassesModal.classList.add('hidden');
-        }
-    });
-}
 
     // --- INITIALIZATION ---
     fetchPoisAndCreateAREntities();