728x90
반응형
<!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 App</title>
</head>
<body>
<h1 id="title">Grab me!</h1>
<script src="app.js"></script>
</body>
</html>// JavaScript를 사용하는 이유는, HTML과 상호작용하기 위해서이다.
// 그 말인 즉슨, HTML의 Element들을 JavaScript를 통해 변경하고, 읽을 수 있다는 것.
const title = document.getElementById("title");
console.dir(title);
// JavaScript에서 HTML을 표현하는 object를 보여준다.
// 항목들을 가져올 수도 있지만 수정할 수도 있다.
// innerText를 수정
title.innerText = "Got you!";
// HTML에 의해서 변경된 것이 아니라 JavaScript에 의해 변경
// 항목을 확인할 수 있다.
console.log(title.id);
console.log(title.className);728x90
반응형
'JS > JS_BASE' 카테고리의 다른 글
| [기본 문법 10] Events (0) | 2023.02.14 |
|---|---|
| [기본 문법 9] Searching For Elements (0) | 2023.02.13 |
| [기본문법 7] conditionals (0) | 2023.02.09 |
| [기본문법 6] return (0) | 2023.02.09 |
| [기본문법 5] Function with JS (0) | 2023.02.08 |
댓글