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

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

function handleTitleClick(){
  const clickedClass = 'clicked';
  
  //HTML element에 해당 class 포함여부 확인
  if (h1.classList.contains(clickedClass)) {
    
    //포함된 경우 class 지우기
    h1.classList.remove(clickedClass);
  } else {
    
    //포함되지 않은 경우 class 추가하기
    h1.classList.add(clickedClass);
  };
}

h1.addEventListener('click', handleTitleClick);