querySelector VS getElementById 차이점 / #4.0 Login input Values /

자바스크립트 파일에서 html의 id가 login-form인 특정 요소를 찾을 때
(id는 임의로 login-form이라고 지었음, id는 자기가 알아서 맘대로 지으면 된다. apple, banana ... 등등)

querySelector 사용

const loginForm = document.querySeletcor("#login-form");

querySelector는 class name과 id 모두 검색이 가능하므로 두 가지를 구분되게 표시해줘야함. id는 값 앞에 # 표시 필요.

getElementById 사용

const loginForm = document.getElementById("login-form");

id 값만 찾을 수 있다는걸 자바스크립트가 잘 알고 있으므로 그냥 id 값을 괄호 안에 쓰면 된다.