html class 추가, 삭제하기

가끔 class를 추가해줬다가 사라지게하는 기능을 어렵게 구현하곤 하였는데 간단하게 처리할 수 있어서 잊어버리지 않기위해 작성 하려고합니다!

const test = document.querySelector(.hear h1);

//그전 방법
function changeClass(){
	const clickedClass = 'active';
    if(test.classList.contains(clickedClass)){
    	test.classList.remove(clickedClass)
    }else{
    	test.classList.add(clickedClass)
    }
 }
 
 
 //유용한 방법
 function toggleClass(){
 	test.classList.toggle(clickedClass)
 }

document.classList.toggle()를 사용하면 class 추가, 삭제를 간단하게 처리 할 수 있습니다.