<!DOCTYPE html>
<html>
<body>
<input type=‘button’ id=‘hw’ value=‘Hello world’ />
<script (type=‘text/JavaScript’ 이건 생략 가능)>
var hw = document.getElementById(‘hw’);
hw.addEventListener(‘click’, function(){
alert(‘Hello world’)
}) ==> click이 일어났을 때, 저 함수 실행
</script>
</body>
</html> script tag : HTML 문법
script tag가 나오면 JavaScript코드가 나오겠구나, 인지한다.
< 장점 >
- 정보, 제어 분리 : html코드 안에 더이상 JS코드가 존재하지 않는다.
- 유지보수 낫다 : JS 수정할 때, script tag안에서 찾으면 된다.
개발자를 위해 한걸음씩