HTML과 JavaScript의 만남 (script 태그)

- html에서 

<script> </script> 태그를 쓰면

웹브라우저에게 이 코드는 Javascript다~하고 알려주는 기능.

 

 

    <h1>Javascript</h1>
    <script>
      document.write("hello world");
    </script>

    <h1>html</h1>
    hello world 

Chrome에 띄우면

 

 

 

 

이렇게 보면 그냥 html로 쓰는 것과 JS로 쓰는 것에 큰 차이가 없어 보인다.  하지만 JS는 동적이고 계산기처럼 작동이 가능하다. 그래서 

 

    <h1>Javascript</h1>
    <script>
      document.write(1+1);
    </script>

    <h1>html</h1>
    1+1

 

위의 경우에 html은 그대로 1+1이 출력되지만 js는 1+1을 계산한 2가 출력된다.

 

 

 

+ 강의 내용에 덧붙여.

 

실수를 통해 알게된 건데 js에서 그대로 1+1을 출력하고 싶으면?

document.write("1+1") 

이렇게 " "안에 1+1을 넣어주면 그대로 출력이 된다.