본문 바로가기
JavaScript

[JavaScript] JavaScript 파일 생성 및 실행

by 기록하는_사람 2022. 10. 12.

JavaScript 파일 생성 및 실행

📌 브라우저에서 html 파일을 열고, html 파일이 css 파일과 js 파일을 가져옴.

 

📌 일반적으로 js 파일은 html 파일 끝에서 가져옴.

 

📌 JavaScript는 위에서 아래로 실행. 

 

📌 브라우저에서 실행 확인하는 방법

html 파일을 브라우저로 실행. 

우클릭 > 검사 > Elements : html, css 파일 내용 확인 가능

우클릭 > 검사 > Console : js파일 내용 확인 가능.

 

📄 style.css

body {
    background-color: beige;
}

📄 app.js

alert("hi");

📄 index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css"/>
    <title>Momentum</title>
</head>
<body>
    <script src="app.js"></script>
</body>
</html>

'JavaScript' 카테고리의 다른 글

[JavaScript] function  (0) 2022.10.13
[JavaScript] Object  (0) 2022.10.12
[JavaScript] array  (0) 2022.10.12
[JavaScript] 변수  (0) 2022.10.12
[JavaScript] Data Type  (0) 2022.10.12

댓글