if문, 변수 정의하기

hanahana·2022년 8월 22일
post-thumbnail
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)

위 아래 같은 코드이지만 변수를 선언함으로서 코드를 단순하게 쓸수있게 된다.

profile
hello world

0개의 댓글