1. JS 연동방법
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>js 연습</title>
<link rel="stylesheet" href="./css/1.css" />
</head>
<body>
<h1 id="bang"></h1>
<p id="myP"></p>
<!-- body 맨 밑에 두는 게 좋음 -->
<script src="./js/1.js"></script>
</body>
</html>
2. 경고창 및 출력
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>js 연습</title>
<link rel="stylesheet" href="./css/1.css" />
</head>
<body>
<h1 id="bang"></h1>
<p id="myP"></p>
<!-- body 맨 밑에 두는 게 좋음 -->
<script src="./js/1.js"></script>
</body>
</html>/* 1.js 코드 */
console.log("Hleeo");
console.log("반가워요");
// 경고창
window.alert(`This is an alert!`);
3. document.getElementByID
// document 웹 페이지 문서
// getElementById id를 불러오겠다
// 화면에 글 나오게 하기
document.getElementById("bang").textContent = "Hello";
document.getElementById("myP").textContent = "logd";
4. JS 연동방법
5. JS 연동방법
6. JS 연동방법
7. JS 연동방법
8. JS 연동방법
9. JS 연동방법
10. JS 연동방법
11. JS 연동방법