Javascript_02: 이벤트(Event)와 버튼

 

이벤트

웹페이지에서 일어나는 다양한 일

가장 대표적인 이벤트는 클릭이다

 

1. 쿼리셀렉터로 버튼을 가져온다

const btn = document.querySelector('#myBtn');

 

2. 버튼에 이벤트 속성을 부여한다

btn.onclick =

 

3. 해당 이벤트 속성에 함수값을 부여한다

btn.onclick = function( ) { console.log('Hello'); }

*2~3의 단계를 이벤트 핸들링(Event Handling)이라고 한다(html파일에서 속성으로 사용 가능)

<button id = "myBtn" onclick="console.log('Hello')">

 

4. 버튼을 누를 때마다 해당 함수가 실행된다

 

 

추가지식

이벤트 핸들러 : 이벤트가 발생했을 때 일어나야하는 구체적인 동작들을 표현한 코드. 이벤트 리스너(Event Listener)라고도 부른다

alert('massage'); 경고창을 띄우는 메소드