JavaScript

[JavaScript] JavaScript 파일 생성 및 실행

기록하는_사람 2022. 10. 12. 15:22

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>
저작자표시 (새창열림)