JavaScript란 무었이며 HTML에서의 사용법

JavaScript란

HTML,CSS로 구성된 언어의 웹을 동적으로 표현 해주는 언어이다. (사용자와 상호작용)

 

그렇담 HTML에서 JS를 어떻게 사용할까?

<script>태그 사용

 

ex)

<script> JS내용 </script> 

 

Event 와의 연동

1. HTML Attributes(속성)과의 연동

ex)

<input type="button" value="Press Me" onclick="alert('thanks');">

2. HTML element과의 연동

ex)

<img id="myimage" ...> </img> document.querySelector('myimage');

tag에 id값을 준다음 JavaScript로 해당 tag컨트롤이 가능하다.

 

 

 

 

Event란 어떠한 사건을 의미한다. 위 코드로 설명을 해보자면 버튼을 클릭하였을때 JS alert창을 띄어라 라는 뜻.

 

Event종류는 여러가지가 있는대 대표적으로 onclock(왼쪽버튼클릭시), onload(문서로딩시) 등등이 있다.