이벤트 리스너 만들기

1. HTML 태그 내에 직접 작성

마우스를 올려 보세요.
- HTML 태그 내에 직접 작성하기.

2. 이벤트리스터 프로퍼티에 등록

마우스를 올려 보세요. 클릭해보세요..
- 이벤트 리스터 프로퍼티 등록하기.

addEventListener() 함수를 이용한 이벤트 등록

마우스를 올려 보세요. 클릭하세여
-addEventListener() 함수 이용

이벤트 객체 전달하기

preventDefault()를 이용한 이벤트 디폴트 행동 취소

이벤트 흐름 분석하기

간단한 계산기 만들기

계산하고자 하는 수식을 입력하고 계산하기 버튼을 누르세요.

라디오 버튼 활용하기

체크박수 활용

물품을 선택하면 금액이 자동 계산 됩니다.

Select 이벤트 활용

메뉴를 선택하세요.

키 이벤트 리스너

다음 텍스트 창에 키를 눌러 보세요 alt shift ctrl 키도 사용합니다.

중국집 메뉴판 만들기

주문 하세요