- 조건문으로 색 바꾸기
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 |