JavaScript/생활코딩

WEB2 - JavaScript - HTML과 JavaScript의 만남 1 (script 태그)

점미 2018. 12. 14. 17:21



HTML과 JavaScript의 만남 1 (script 태그) - https://opentutorials.org/course/3085/18778



HTML에 어떻게 JavaScript언어를 넣을 수 있을까?

-> <script>태그를 HTML안에 넣게되면 <script>~</script> 이부분은 JavaScript언어로 인식된다.


왜 JavaScript를 사용하나?

-> HTML과 다르게 사칙연산을 할 수 있기 때문이다.




<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8"/>

    </head>

    <body>

        <script>

    document.write('javascript');

            document.write(1+1); 

        </script>

<h1>1+1</h1>

1+1

    </body>

</html>



빨간부분 - JavaScript

코드를 실행시키면 javascript라는 문자와 숫자2가 출력된다.

->숫자에 사칙연산을 시키면 그것을 계산할 수 있는 능력이 있다.


파란부분 - HTML

코드를 실행시키면 1+1라는 문자와 1+1라는 문자가 출력된다.

->HTML은 아무리 사칙연산을 적어도 계산되지 않고 적은 그대로의 내용만 출력할 수 있다.