
function hadnleTitleClick(){
if(h1.style.color=="blue"){
h1.style.color="tomato"
}else{
h1.style.color="blue"
}
}
h1.addEventListener("click",hadnleTitleClick)
function hadnleTitleClick(){
const currentColor = h1.style.color;
let newColor
if(currentColor=="blue"){
newColor="tomato"
}else{
newColor="blue"//이곳에서 색을 정의해주면
}
h1.style.color=newColor;//if문 밖에서 스타일을 적용한다.
}
h1.addEventListener("click",hadnleTitleClick)
위 아래 같은 코드이지만 변수를 선언함으로서 코드를 단순하게 쓸수있게 된다.