JS if문과 toggle

classList 우리가 class들의 목록으로 작업할 수 있게끔 허용해준다.
className은 이전calss를 상관하지 않고 모든 걸 교체해 버린다.

 

classList를 이용하는건
JS에서 건드리는 건 HTML element가 가지고 있는 또 하나의 요소 사용하는 것이다.
= element의 class내용물을 조작하는 것을 허용한다는 뜻

 

위에 코드와 아래 코드는 같은 내용을 똑같이 실행하는 코드이다.

 

toggle은 class name이 존재하면 toggle은 class name을 제거하고, class name이 존재하지 않으면 toggle은 class name을 추가한다.