Event객체

 	// 1. querySelector || getElement.... 활용
        // --> 정말 쌩뚱맞은 곳에 있는 것들(ex. 모달) 컨트롤 하기 좋음
        function test1(){
            document.querySelector("#x1").innerText = "test1 : querySelector || getElement.... 활용";
        }

        // 2. this 활용
        // --> 자기자신을 기준으로 하고 싶을 때
        function test2(targetElement){
            targetElement.innerText = "test2 : this활용";
        }

        // 3. event내장 객체 활용
        // --> 주요정보 : 대상 element, 마우스 좌표값, 키(ex. enter, click..)... 등등 상당히 상세한 정보들이 들어있음
        // --> 나는 잘 안쓸걸.... 넘어가도된다!!
        function test3(){
            console.log(event);
            event.target.innerText = "test3 : event내장객체 활용"
        }