HTML과 JavaScript의 만남 (이벤트)

오늘은 생활코딩의 JavaScript 2번째 시간입니다.

이벤트에 대해서 알아볼게요.

이벤트란 무엇일까요..?

HTML events are "things" that happen to HTML elements.

When JavaScript is used in HTML pages, JavaScript can "react" on these events.

라고 정의를 했는데요

어떠한 사건이 일어나는 것을 이벤트라고 할 수 있을것 같습니다.

코딩을 통해 알아보도록 할게요!

우선 이렇게 HTML코드에 Event를 넣어서 코딩을 할 수 있는데요!

코딩을 한 후의 결과화면입니다! 웹페이지에 이렇게 input 태그 3개가 그려져 있습니다.

hi라는 버튼이 생기고 text를 쓸 수 있는 input박스가 2개 생겼습니다.

첫번째 hi 버튼을 눌렀을때의 결과화면입니다. 버튼을 클릭했을 때 alert라는 경고창을 띄우는 event를 통해 hi라고 나타내는 경고창이 뜨게 됩니다.

두번째 박스에 text를 입력하고 마우스 커서를 옮기면(텍스트가 바뀌었을때) change! 라는 경고창을 띄우게 됩니다.

마지막으로 세번째 박스는 

onkeydown : Execute a JavaScript when a user is pressing a key 라고합니다.