HTML과 JS 의 관계
script
tag
<body>
<h1>JavaScript</h1>
<script>
document.write(1+1);
</script>
<h1>html</h1>
<p>1+1</p>
</body>
html 에서의 1+1 텍스트는 그대로 출력되지만, 자바스크립트는 동적으로 작동하여 1+1 = 2 로 계산까지 가능하다
- event
<body>
<input type="button" value="hi" onclick="alert('hi')">
<input type="text" onchange="alert('changed')">
<input type="text" onkeydown="alert('key down!)">
</body>
- HTML의 사용설명서엔 onclick, onchanged, onkeydown 이라는 속성의 값으로는 js가 와야한다고명시되어 있다
- 웹 브라우저 위에서 일어나는 일들 = event
- event = onclick (사용자가 클릭시) , onchanged (사용자가 입력내용변경시) , onkeydown (사용자가 키보드를 입력할시) 등
- event를 이용하여 사용자와 상호작용이 가능하다