0. Settings
- vscode
- LiveServer Extension
왜 자바스크립트를 쓰는가
- HTML 조작이 주목적
Basic
<!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">
<title>Document</title>
</head>
<body>
<h1 id="hello">안녕하세요</h1>
<script>
document.getElementById("hello").innerHTML = "안녕";
</script>
</body>
</html>- html 페이지 로드 시 순차적으로 실행되며 JS로 HTML을 조작하는 방법을 소개
- 안녕하세요 -> 안녕 String을 바꾸는 Code
- document : HTML 문서
- . : ~의 로 생각
- getEelement* : 요소 찾아와
- innerHTML : 내부 HTML 요소
- Tip : document.getElement*(???).??? = ???
- 이 형태로 CSS, HTML 속성들을 조작할 수 있다.
- 검색 필요
OnePunchLotto