자바스크립트

querySelector와 addEventListener

kenzi 2022. 4. 10. 16:21
//querySelector로 element 선택
const kenzi = document.querySelector("h1");

//함수 만들기
function colorKenzi(){
	kenzi.style.color = "blue";
}

//addEventListener로 event 정하고 event listen한 후의 실행해야 할 함수 넣기 
kenzi.addEventListener("click",colorKenzi);

//h1이 click되어지는 event를 listen하면 colorKenzi()를 실행 == 누르면 색깔 변함

 

사용가능한 event 찾는건 

console.dir(element명); 으로 찾아서 볼 수 있음