본문 바로가기
프로그래밍공부/JavaScript

HTML과 JavaScript의 만남 1 Script 태그 <생활코딩> 중

by pnk 2020. 3. 7.

생활코딩에 있던 강의를 정리해 봤습니다. 

 

<body> 안에 <script> 태그를 넣은 후 그 태그 안에 다음과 같이 넣는다.

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
</head>    
    
<body>
   <h1>JavaScript</h1>
    <script>
    document.write(1+1)
    </script>
    <h1>html</h1>
    1+1
</body>    
</html>

이렇게 넣을 경우 다음과 같이 출력된다.

html과 java의 차이점

  • html의 경우 1+1을 계산하지 않고 그대로 출력하지만 java의 경우는 계산된 값을 출력해 낸다. 즉 html은 정적이고 java는 동적이다.
  • 중요한 것은 document.write(1+1); 가 어떤 글씨를 출력한다는 것을 이해하는 것이다.
  • 그리고 저것이 자바 스크립트라는 것을 알려 주기 위해 <script> 태그를 쓴다.