본문 바로가기

Frontend

[JavaScript] 이벤트

<input type="button" value="hi" onclick="alert('hi')"> : 버튼을 누르면 hi라는 경고창을 띄우는 이벤트

<input type="text" onchange="alert('changed')"> : 타이핑 후 화면을 누르면 changed라는 창이 뜨는 이벤트
<input type="text" onkeydown="alert('key down!')"> : 타이핑을 하려고 하면 key down!이라는 창이 뜨는 이벤트

 

버튼을 클릭했을 때 동작하기 위해서는 이벤트가 필요하다.
onclick="javascript 작성"
웹브라우저에게 body tag를 선택하도록 해야 한다.
javascript 작성 -> document.querySelector('body tag 작성')

'Frontend' 카테고리의 다른 글

[JavaScript] 조건문  (0) 2022.08.01
[JavaScript] 문법  (0) 2022.07.28
[CSS] grid  (1) 2022.07.22
[CSS] box model  (0) 2022.07.22
[CSS] selector  (0) 2022.07.22