Fix atherosai#38

navigation-bar-01/index.html

@@ -176,6 +176,7 @@ <h3>Vector</h3>
             </button>
         </div>
     </header>
+    <script src="script.js"></script>
 </body>
 
 </html>

navigation-bar-01/script.js

@@ -0,0 +1,10 @@
+const navLinks = document.querySelectorAll('.navigation a');
+
+navLinks.forEach(link => {
+    link.addEventListener('click', function(event) {
+        navLinks.forEach(link => {
+            link.classList.remove('active');
+        });
+        this.classList.add('active');
+    });
+});

navigation-bar-01/style.css

@@ -75,6 +75,10 @@ body {
     background-color: var(--background);
 }
 
+.navigation li a.active {
+    color: var(--primary);
+}
+
 .navigation>li {
     display: flex;
     position: relative;