在實現響應式導航菜單時，JavaScript 用來控制漢堡菜單的打開和關閉功能，當用戶點擊漢堡圖示時，菜單會在顯示和隱藏之間切換。這個過程通常涉及為菜單元素添加或移除一個 CSS 類，從而改變其可見性。
JavaScript用來切換菜單顯示
選取元素：首先，我們使用document.querySelector()選取.hamburger 和.nav-links這兩個元素：

• hamburger是漢堡菜單圖示，當用戶點擊它時，菜單需要顯示或隱藏。
• .nav-links是導航連結列表，這部分是我們要控制顯示和隱藏的內容。
  點擊事件監聽器：我們給漢堡圖示添加一個點擊事件監聽器 (addEventListener('click', ...))。
  每當用戶點擊漢堡菜單圖示時，觸發回調函數。
  在回調函數中，我們使用 classList.toggle('active')切換.nav-links元素的active類。
  切換樣式：當active類被添加到.nav-links上時，會根據我們之前設置的CSS中的樣式讓菜單從隱藏狀態變為可見；如果再次點擊，則會移除active類，讓菜單隱藏。

當用戶在小屏幕上瀏覽網站時，他們會看到一個漢堡圖示。點擊該圖示，導航菜單會從右側滑入視窗中（顯示菜單）。再次點擊時，菜單會滑出視窗（隱藏菜單）。