h1 {
  color:blue;
}
.clicked {
  color:tomato;
}
.sexy-font {
  font-size:68px;
}

const h1 = document.querySelector("div.hello:first-child h1");

function handleTitleClick(){
  
  //여러개의 class명 가능
  //이전 calss을 해당 calss로 교체
  const clickedClass = 'clicked sexy-font';
  
  if(h1.className === clickedClass){
    h1.className ='';
  } else {
    h1.className = clickedClass;
  };
}

h1.addEventListener('click', handleTitleClick);