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);