이벤트 리스너 작성 방법

1.HTML 태그에 작성하는 방법
마우스 올리면 orchid 색으로 변경

2.이벤트 리스터 등록
마우스를 올리면 배경색이 blue로 바뀝니다.

3. addEventListener를 이용한 이벤트 리스너 등록
마우슬를 올리면 배경색이 lightred로 바뀝니다.

이벤트 객체 전달하기

마우스를 올려보세요.

이벤트 객체의 프로퍼티 출력

버튼을 클릭하면 이벤트 객체를 출력합니다.

이벤트의 디폴트 행동 취소

이벤트의 흐름, 캡쳐단계, 버블단계

onclick 리스너로 계산기 만들기

계산하고자 하는 수식물 입력하고 계산 버튼을 눌러봐요.

마우스 관련 이벤트 리스너

마우스 이벤트 객체의 프로퍼티와 onmousemove

image-onload 테스트

onclick으로 이미지 변경하기

이미지를 클릭하면 다음 이미지를 보여줍니다.