JavaScript

#3.6 CSS in Javascript

김예나 2023. 2. 4. 01:32
  •  조건문으로 색 바꾸기
const h1 = document.querySelector(".hello h1");

function mouseClick(){
    const currentColor = h1.style.color;
    let newColor;
    if(currentColor === "blue"){
        newColor = "tomato";
    }else{
        newColor = "blue";
    }
    h1.style.color = newColor;
}

h1.addEventListener("click",mouseClick);
  • 핵심은 요소를 찾고, 이벤트 추가하고, 함수로 반응만들기