JS : 자바스크립트 소스 작성과 연결

ㅇ_ㅇ_ㅂ·2023년 12월 2일

JS

목록 보기
2/2
post-thumbnail

⚫ 자바스크립트 소스를 작성하는 두 가지 방법

  • 외부 스크립트 파일 연결
    html문서와 자바스크립트 소스를 분리하여 작업하기 위해 연결하는 방법
<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>자바스크립트 소스 작성하는 두 가지 방법</title>
</head>
<body>
    <-- src = "js파일 경로" -->
    <script src="script.js"></script>
</body>
</html>

  • 내부 스크립트 연결
<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>자바스크립트 소스 작성하는 두 가지 방법</title>
</head>
<body>
    
    <h1 id="a"> 자바스크립트 공부 </h1>

	<-- 자바스크립트 내부 연결 -->
    <script>
        var a = document.querySelector('#a');
        a.onclick = function() {
            a.style.color = "red";
        }

    </script>
</body>
</html>
profile
공부 중. !!! !

0개의 댓글