DOM → 문서 객체 모델

1. document.getElementById
   단일 객체 반환

2. document.getElementByClassName
   n개, 배열 반환

3. document.querySelector
   ()안의 CSS 선택자로 선택되는 요소를 가지고 옴
   

4. document.querySelectorAll()
   ()안의 CSS 선택자로 선택되는 요소로 모두 가지고 옴 → 단일 객체(배열)

5. document.getElementsByName()
   () 안의 name 속성 값을 가진 모든 요소를 불러옴 → 배열

6. document.getElementsByTagName()
   () 안의 태그를 가진 모든 요소를 불러옴 → 배열

함수의 형태

1. 일반적인 함수형

function 함수명 (매개변수) {

}

2. 화살표 함수형

const 함수명 = (매개변수) => {

}

3. 이름이 없는 함수 // 함수명이 있는 함수 [기명함수]
   → 재사용되지 않을 함수
   → html에 함수 로직(가독성이 없음)