WEB2 JavaScript- 이벤트

이벤트

이벤트는 사용자가 웹사이트에 특정 행동을 했을때 자바스크립트 코드를 사용해 특정 메세지 창을 화면에 띄우거나 등등의 특정 기능이 실행되는 것을 의미한다.

 

강의에서 실습한것은 hi라는 버튼을 만들어 그것을 누르면 hi는 알림창이 뜨는것과

텍스트 박스를 만들어 거기에 글을 적으면 내용이 바뀌었다는 알림창이 뜨는것을 실습하였다.

 

위 코드를 살펴보면 <input> 태그는 버튼이나 텍스트박스 등을 만들때 쓰는 태그이고

• type="button" : 웹페이지에 버튼을 만들라는 의미이다.

• value="hi" : 버튼 이름을 hi로 하라는 의미이다.

• onclick="alert('hi')" : 사용자가 클릭했을때 hi라는 알림창이 화면에 뜨도록 하라는 의미인데 onclick 뒤                             에 오는 것이 자바스크립트 코드이고 onclick이나 onchange등 여러가지 속성이                               있는데 이러한 속성 뒤에는 속성값으로 자바 스크립트 코드가 와야한다.

• type="text" : 웹페이지에 텍스트 박스를 만들라는 의미이다.

• onchange="alert('changed!')" : 텍스트박스의 내용이 바뀌었을때 changed!라는 알림창이 뜨도록 하라                                          는 의미이다.

 

hi 버튼을 누르니 hi라는 알림창이 뜨는 것을 볼수있고

텍스트 박스에 글자를 적어 내용을 바꾸니 changed!라는 알림창이 뜨는 것을 볼수있다.