자바스크립트 toggle

September 15, 2022 #JavaScript  

Toggle 진행 과정 이해하기

const h1 = document.querySelector("div.hello h1");

function click(){
	const clicked = "clicked";
	if (h1.classList.contains(clicked)) {
		h1.classList.remove(clicked);
	}else{
		h1.classList.add(clicked);
	}
}

👇 코드 간결화!

const h1 = document.querySelector("div.hello h1");

function click(){
	h1.classList.toggle("clicked");
}

-className : 모든 클래스를 바꿔버린다.
-classList : 클래스 list 중 하나를 선택해 바꿀 수 있다.