본문 바로가기

자바스크립트 기기기초

#3.6 CSS in Javascript

  •  조건문으로 색 바꾸기
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);
  • 핵심은 요소를 찾고, 이벤트 추가하고, 함수로 반응만들기

'자바스크립트 기기기초' 카테고리의 다른 글

#3.8 CSS in Javascript part Three  (0) 2023.02.06
#3.7 CSS in Javascript part Two  (0) 2023.02.04
#3.5 More Events  (0) 2023.02.03
#3.4 Events part Two  (0) 2023.02.03
#3.3 Events  (0) 2023.02.03