4.3

이벤트와 이벤트 리스너

사용자는 웹 사이트에서 웹 화면과 다양한 상호작용을 합니다. 실제로는 HTML 태그와 상호작용을 하는 것입니다. 5장에서 만드는 끝말잇기 게임은 사용자가 input 태그에 글자를 입력하고 button 태그를 누릅니다. 이렇게 사용자가 태그와 상호작용할 때 이벤트(event)라는 것이 발생합니다. input 태그에 글자를 입력하면 input이라는 이벤트가 발생하고, 버튼을 클릭하면 click이라는 이벤트가 발생합니다.

이처럼 다양한 이벤트가 발생하지만, 자바스크립트는 이벤트를 자동으로 감지할 수 없습니다. 그래서 자바스크립트가 HTML에서 발생하는 이벤트를 감지할 수 있게 이벤트 리스너(event listener)를 추가해야 합니다.