form(폼은 입력된 데이터를 한번에 서버로 전송. 즉,-->)의 디폴트값은 submit(제출)
link의 디폴트값은 클릭 시 다른 페이지로 이동하는것.
const loginForm = document.querySelector("#login-form");
loginForm을 정의 : document에서 id와 class를 동시에 검색할 수 있는 querySelector를 정의. html문서에서 login-form이라는 id를 불러옴 및 정의.
const loginInput = document.querySelector("#login-form input");
loginInput을 정의 : document에서 id와 class를 동시에 검색할 수 있는
querySelector를 정의. html문서에서 login-form안의 input태그를 불러옴 및 정의.
const link = document.querySelector("a");
link를 정의 : html문서에서 a태그를 불러옴.
function onLoginSubmit(event){
event.preventDefault();
const username = loginInput.value;
loginForm.classList.add("hidden");
console.log(username);
}
*변수 정의 : onLoginSubmit()<--실행
(event)라는 이름을 정해줌 : '실행'에 대해서 명령어를 넣을 수 있게 된다.
event.preventDefault : '실행'의 디폴트값을 실행하지 못하게 한다.
username을 정의 : loginInput의 값
loginForm에서 "hidden"class를 추가한다.
username을 콘솔창에 표시한다.
loginForm.addEventListener("submit", onLoginSubmit);
**loginForm에 addEventListener 이벤트를 달기 위한 함수를 정의.
("submit"이벤트 태그 -> onLoginSubmit)에 정의.
