Javascript는 HTML 위에서 동작하는 언어이다.
HTML의 태그 중 하나인 script 태그 안에는 Javascript 코드를 쓸 수 있다.
둘 사이를 연결해주기 위해서 script 태그를 활용해 "이게 바로 javascript 라는 것"을 웹 브라우저에게 알려준다.
<body>
<script>
document.write('hello, world!');
</script>
</body>
위와 같은 코드를 <body> 태그 안에 넣어서 웹페이지를 띄워보면 페이지에 hello,world! 라는 글자가 뜨는 것을 볼 수 있다.
하지만 이러한 기능은 다음과 같이 HTML만 사용해서 구현할 수도 있다.
<body>
hello, world!
</body>
그렇다면 이 둘의 차이점은 무엇일까?
바로 Javascript로 쓴 코드는 동적이라는 것이다.
만약 hello,world! 대신 1+1을 출력한다고 해 보자.
이때는 HTML과 Javascript로 쓴 코드의 결과가 아래와 같이 달라진다.
즉, HTML로 쓴 코드는 정적이기 때문에 문자 그대로를 출력하지만, Javascript 코드는 동적으로 이를 계산할 수도 있다는 것이다.