JavaScript/DOM debugging

Author: admacpherson

index.html

@@ -261,20 +261,23 @@ <h3 class="icon solid fa-envelope"><span class="label">Email</span></h3>
         <script src="assets/js/util.js"></script>
         <script src="assets/js/main.js"></script>
         <script>
-          const toggleButton = document.getElementById('menu-toggle');
-          const navMenu = document.getElementById('nav-menu');
+          document.addEventListener('DOMContentLoaded', () => {
+            const toggleButton = document.getElementById('menu-toggle');
+            const navMenu = document.getElementById('nav-menu');
 
-          toggleButton.addEventListener('click', () => {
-            navMenu.classList.toggle('show');
-          });
+            toggleButton.addEventListener('click', () => {
+              navMenu.classList.toggle('show');
+            });
 
-          // Optional: Auto-close after click
-          document.querySelectorAll('#nav-menu a').forEach(link => {
-            link.addEventListener('click', () => {
-              navMenu.classList.remove('show');
+            // Optional: Auto-close menu after clicking a link
+            document.querySelectorAll('#nav-menu a').forEach(link => {
+              link.addEventListener('click', () => {
+                navMenu.classList.remove('show');
+              });
             });
           });
         </script>
+
 	</body>
 </html>
 <!--