⚫ 자바스크립트 소스를 작성하는 두 가지 방법
- 외부 스크립트 파일 연결
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>