자바스크립트
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명); 으로 찾아서 볼 수 있음