Devjo의 코딩

element.addEventListener(event, handler); onclick 이벤트는 새로운 이벤트를 할당할 때 덮어씌워지는 단점이 있다 const btn = document.querySelector('#btn1'); btn.onclick = function(){ console.log("Hello"); } btn.onclick = function(){ console.log("Bye"); }//btn버튼의 결과값은 Bye가 나온다 이런 문제를 줄이기 위해 addEventListener를 사용한다 function event1(){ console.log("Hello"); } function event2(){ console.log("Bye"); } btn.addEventListener('click'..

이벤트 웹페이지에서 일어나는 다양한 일 가장 대표적인 이벤트는 클릭이다 1. 쿼리셀렉터로 버튼을 가져온다 const btn = document.querySelector('#myBtn'); 2. 버튼에 이벤트 속성을 부여한다 btn.onclick = 3. 해당 이벤트 속성에 함수값을 부여한다 btn.onclick = function( ) { console.log('Hello'); } *2~3의 단계를 이벤트 핸들링(Event Handling)이라고 한다(html파일에서 속성으로 사용 가능) 4. 버튼을 누를 때마다 해당 함수가 실행된다 추가지식 이벤트 핸들러 : 이벤트가 발생했을 때 일어나야하는 구체적인 동작들을 표현한 코드. 이벤트 리스너(Event Listener)라고도 부른다 alert('massag..