classList

우선 아이템의 클래스가 뭐있는지 콘솔창에 출력해보기

const links = document.querySelector(".links");

navToggle.addEventListener("click", () => {
  console.log(links.classList);
});

 

아이템이 특정 클래스를 가지고 있는지 불리언 값으로 확인해보기

console.log(links.classList.contains("links"));

 

classList.toggle

 

특정 클래스가 없으면 add해주고, 있으면 remove를 해줌

 

toggle 사용 안할 시

navToggle.addEventListener("click", () => {
  if (links.classList.contains("show-links")) {
    links.classList.remove("show-links");
  } else {
    links.classList.add("show-links");
  }
});

 

toggle 사용 시

links.classList.toggle("show-links");