JavaScript
#3.4 Events part Two
김예나
2023. 2. 3. 12:45
- 이벤트요소를 찾으려면 console.dir 출력해서 앞에 on들어간거 찾으면됨
const title = document.querySelector(".hello h1");
console.dir(title); //element의 내부를 보는 법
function handleMouse(){
title.innerText="마우스 여깄당";
}
function mouseClick(){
title.style.color="blue";
}
function mouseLeave(){
title.innerText="마우스 갔당";
}
title.addEventListener("mouseenter",handleMouse);
title.addEventListener("click",mouseClick);
title.addEventListener("mouseleave",mouseLeave);