WEB2 - JavaScript - HTML과 JavaScript의 만남 2 (이벤트, 콘솔)
HTML과 JavaScript의 만남 2 (이벤트) - https://opentutorials.org/course/3085/18782
이벤트는 사용자와 상호작용하는데 핵심적인 역할을 한다.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
</head>
<body>
<!--
웹브라우저에서 이벤트가 일어났을 때 onclick이 실행된다.
이벤트는 클릭, 텍스트가 바뀔때, 등등 여러가지 이벤트들이 있다.
이벤트는 아래 코드에서 onclick, onchange, onkeydown이다.
-->
<input type = "button" value ="hi" onclick="alert('hi')">
<input type="text" onchange="alert('change')">
<input type="text" onkeydown="alert('key')">
</body>
</html>
이벤트는 사용자가 어떠한 행동을 취했을 때 브라우저가 그것을 캐치해서 브라우저에서 보여주는 것이다.
클릭을 했을 때, 어떤 일이 일어난다.
텍스트를 입력했을 때, 어떤 일이 일어난다.
키보드에서 어떤 키를 눌렀을 때, 어떤 일이 일어난다.
여기서 어떤 일을 자바스크립트로 제어하는 것이다
HTML과 JavaScript의 만남 3 (콘솔) - https://opentutorials.org/course/3085/18869
어떤 가벼운 코드를 실행해야 하는 경우 html파일을 만드는 것이 아닌 콘솔을 이용하여 코드를 테스트할 수 있다.
.