<script>
기본적으로 자바스크립트는 HTML 위에서 동작하는 언어이다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>
HTML의 기본 코드이다.
여기서 완전히 다른 문법을 가진 자바스크립트 코드를 넣기 위해서
<script> 태그를 사용한다.
<h1>JavaScript</h1>
<script>
document.write('<h1>hello world</h1>');
</script>
웹 브라우저는 <script> 태그 안의 코드를 자바스크립트 코드로 해석한다.
둘 다 h1 태그를 사용하여 문자를 출력했다.
여기서는 차이를 느끼지 못하지만,
<h1>JavaScript</h1>
1+1
<script>
document.write('<h1>hello world</h1>');
document.write(1+1);
</script>
정적인 HTML 에서는 1+1 이 그대로 출력 되지만
동적인 자바스크립트는 1과 1을 더한 값인 2를 출력하게 된다.
'JavaScript' 카테고리의 다른 글
| JavaScript 함수 (function) (0) | 2020.12.06 |
|---|---|
| 리팩토링(refactoring) 이란? (0) | 2020.12.06 |
| 조건문 활용- 토글(toggle) (0) | 2020.12.06 |
| JS의 이벤트 (0) | 2020.12.06 |
| JavaScript 란? (0) | 2020.12.06 |