Я не знаю JavaScript, и мне нужна помощь с функцией навигационной панели HTML. ⇐ CSS

[Anonymous]

Вот код.
Что с ним не так?
Он должен вызвать блокировку, если я нажму на этот блок (гамбургер), должна сработать функция nav-active.
Вот часть JS:
const navSlide = () => {
const burger = document.querySelector('.burger');
const nav = document.querySelectorAll('.nav-links');

burger.addEventListener('click',()=>{
nav.classList.toggle('nav-active');
});
}

navSlide();

Мой CSS
.nav-active {
transform: translate(0%);
}

Я добавил файл JavaScript в конец моего html-файла:



Подробнее здесь: https://stackoverflow.com/questions/700 ... r-function