[JavaScript] JavaScript와 HTML의 연관성

소프트웨어/JavaScript

[JavaScript] JavaScript와 HTML의 연관성

정보통신 고심이 2023. 1. 29. 22:04

JavaScript는 웹 페이지와 사용자가 상호작용할 수 있게 만드는 언어로 등장했다.

웹 페이지는 한 번 화면에 출력되면 스스로 변경할 수 있는 능력이 없다. 이를 가능하게 해주는 것이 자바스크립트이다.

자바스크립트는 사용자와 상호작용을 하고, HTML를 제어한다.

HTML에서 자바스크립트를 사용하는 방법

웹 브라우저에 <script>태그를 넣고, 태그 안에 자바스크립트 코드를 삽입하면 된다.

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

HTML과 차이점

HTML은 정적이고 JavaScript는 동적이다.

HTML은 한 번 화면에 출력되면 스스로 변경할 수 있는 능력이 없지만, JavaScrip는 변경할 능력이 있다.

<!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은 컨텐츠 사용하는 언어

CSS는 컨텐츠를 디자인하는 언어

JavaScript는 컨텐츠를 사용자와 상호작용 할 수 있게 만드는 언어