html에서 태그를 Javascript로 가져오는 법
let el = document.getElementById("id명");// id 값으로 html요소를 가져온다.
let cl = document.getElementsByClassName("class명");// class 값으로 html요소를 가져온다.
el.innerHTML;// html의 요소에서 태그만 제외한 것만 가져온다.
el.innerText= `귀하의 만나이는 ${age}입니다`;// html의 요소를 변경할 경우 백틱 사용 javascript의 변수를 html의 text로 표기 하기 위해서는 ${변수명}으로 사용한다.
el.addEventListener("이벤트명",함수명);//html에서 이벤트가 실행되면 javascript의 함수를 실행시킨다
// 변수가 어떤 값을 담고 있는지 log를 통해 확인 하면 좋다.
이벤트의 종류
폼 이벤트 : 제출하면 값을 초기화
마우스 이벤트 : 클릭 , 더블클릭 ,마우스 이동
키보드 이벤트 : key down , key press , key up
on + 이벤트 타입
