[JavaScript] toggle 메서드

[JavaScript] toggle 메서드

 

toggle은
h1의 classList에 clicked class가 있는지 확인
있으면 clicked를 제거
없다면 clicked를  classList에 추가

 

toggle은 on/off처럼 껐다 켰다(왔다 갔다)하는 기능이다.

토글 버튼은 on/off처럼 두 상태 중 하나를 선택할 때 사용하는 버튼이다.

 

 

보통 아래와 같이 classList를 이용하여 많이 쓰고,

click 이벤트와 함께 많이 사용한다.

 

function 함수명() {
    태그명.classList.toggle("클래스명");
}

변수명.addEventListener("클래스명", 함수명);