Ensure dark mode toggle consistency of all results

chingu-voyages · Nov 8, 2023 · dad09f3 · dad09f3
1 parent a14dea3
commit dad09f3
Showing 1 changed file with 7 additions and 7 deletions.
diff --git a/Food-Recipe/index.js b/Food-Recipe/index.js
@@ -19,9 +19,9 @@ if (isDarkMode === 'enabled') {
 }
 
 function toggleDarkMode() {
-  const result = document.querySelector('.results__result');
-  const modal = document.querySelector('.modal');
-  const modalClose = document.querySelector('.modal__close');
+  const results = document.querySelectorAll('.results__result');
+  const modal = document.querySelectorAll('.modal');
+  const modalClose = document.querySelectorAll('.modal__close');
 
   body.classList.toggle('dark-mode');
 
@@ -31,14 +31,14 @@ function toggleDarkMode() {
     localStorage.setItem('dark-mode', 'disabled');
   }
 
-  if (result) {
-    result.classList.toggle('dark-mode');
+  if (results) {
+    results.forEach(i => i.classList.toggle('dark-mode'));
   }
   if (modal) {
-    modal.classList.toggle('dark-mode');
+    modal.forEach(i => i.classList.toggle('dark-mode'));
   }
   if (modalClose) {
-    modalClose.classList.toggle('dark-mode');
+    modalClose.forEach(i => i.classList.toggle('dark-mode'));
   }
 }