Rafael-16/data-science-portfolio

1 2// Mobile Navigation Toggle3const hamburger = document.querySelector('.hamburger');4const navMenu = document.querySelector('.nav-menu');5 6hamburger.addEventListener('click', () => {7    hamburger.classList.toggle('active');8    navMenu.classList.toggle('active');9});10 11// Close mobile menu when clicking on a link12document.querySelectorAll('.nav-link').forEach(n => n.addEventListener('click', () => {13    hamburger.classList.remove('active');14    navMenu.classList.remove('active');15}));16 17// Smooth scrolling for navigation links18document.querySelectorAll('a[href^="#"]').forEach(anchor => {19    anchor.addEventListener('click', function (e) {20        e.preventDefault();21        const target = document.querySelector(this.getAttribute('href'));22        if (target) {23            target.scrollIntoView({24                behavior: 'smooth',25                block: 'start'26            });27        }28    });29});30 31// Navbar background change on scroll32window.addEventListener('scroll', () => {33    const navbar = document.querySelector('.navbar');34    if (window.scrollY > 50) {35        navbar.style.background = 'rgba(255, 255, 255, 0.98)';36        navbar.style.boxShadow = '0 2px 20px rgba(0, 0, 0, 0.1)';37    } else {38        navbar.style.background = 'rgba(255, 255, 255, 0.95)';39        navbar.style.boxShadow = 'none';40    }41});42