onclick 리스너로 계산기 만들기

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



마우스 관련 이벤트 리스너

마우스 관련 이벤트 가 발생합니다.

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


이미지 위에 마우스를 움직일 때 onmousemove 리스너가 실행되고, 마우스의 위치를 보여줍니다.

onload로 이미지 크기 출력


이미지 크기

.

사용자 입력 여부 체크 - onblur 이벤트 이용

이름 :
학번 :

라디오버튼 활용

목적지가 어디입니까?

서울 부산 춘천 대전 고양

체크박스 활용

구매할 물건을 고르세요.

모자 1만원
구두 3만원
명품가방 8만원
노트북 50만원
제주도여행권 20만원
지불하실 금액

Select 객체 활용

하고싶은 게임를 선택하세요...


키보드 이벤트 활용

텍스트 창에 키를 눌러 보세요. Alt, Shift, Ctrl 키도 가능합니다.