[JS] toggle

 

const h1 = document.querySelector(".font");

​

function handleTiltleClick() {

h1.classList.toggle("clicked");

}

​

toggle은 h1의 classList에 clicked class가 이미 있는지 확인해서

만약 있다면, toggle이 clicked를 제거해줌

만약 h1의 classList에 clicked가 존재하지 않는다면,

toggle은 clicked를 classList에 추가해준다.

 

추가)

classList - class들의 목록으로 작업할 수 있도록 할 수 있게해준다

.remove()

.add()

 

className - 이전 class를 상관하지않고 모든걸 교체해버림