이벤트의 정보 가져오기

var btn = document.getElementById("btn");

btn.onclick = function(e) {
    // 콘솔에 이벤트 정보를 출력한다.
    console.log(e);
    
    // 콘솔에 이벤트가 발생한 html태그의 정보를 출력한다.
    console.log(e.target);
    
    // this 는 이벤트가 발생한 대상 자신을 가리킨다. 
    // this 를 이용하여 이벤트가 발생한 대상의 속성값을 바꿔줄 수 있다.
    this.style.backgroundColor = "red";
    this.style.color = "white";
}

함수의 인자값에 e를 넣어주면 이벤트에 관한 정보가 e에 담기게 된다.