4.HTML과 JS의 만남 : 이벤트

iamjinseo·2021년 1월 4일
0

[생활코딩]JS

목록 보기
4/25

event를 이용하여 사용자와 상호작용 해보자

onclick

버튼을 눌렀을 때 경고창이 나오게 하고 싶다면
onclick="alert()"을 이용하자.

<input type="button" value="hi" onclick="alert('hi')">

onchange

텍스트 박스에 글을 입력하고 내용이 변했을 때 이벤트를 체크하고 싶다면 onchange="alert()"을 이용하자.

<input type="text" onchange="alert('changed')">

onkeydown

사용자가 텍스트박스에 어떤 키를 눌렀을 때 이벤트가 발생하게 하고 싶다면 onkeydown="alert()"을 이용하자.

<input type="text" onkeydown="alert('key down!')">

onclick, onchange, onkeydown과 같은 것을 event라고 한다. 이를 통해 사용자와 상호작용하는 코드를 만들 수 있다.

profile
일단 뭐라도 해보는 중

0개의 댓글

관련 채용 정보