Как удалить класс у DOM элемента при повторном нажатии?

Question

Как при повторном нажатии убрать добавленный клас?

document.querySelector('.menu').addEventListener('click', () => {
    document.querySelector('nav').classList.add('active');
})

Answer 1

Удалять класс надо с помощью classList.remove(className). Но мне кажется вам нужен переключатель с помощью classList.toggle(className):

document.querySelector('p').addEventListener('click', () => {
  document.querySelector('div').classList.toggle('active');
});

div {
  width: 50px;
  height: 50px;
  background-color: red;
}

div.active {
  background-color: green;
}

<div></div>
<p>Click me</p>