#4.2 Events

•  모든 EventListener function의 첫번째 파라미터는 항상 방금 발생한 event들에 관한 정보임
• submit되면 페이지 전체가 새로고침되는 기본 동작 막기
• 기본행동 : 어떤 함수에 대해 브라우저가 기본적으로 수행하는 동작

const loginForm = document.querySelector(".login-form");
const loginInput = document.querySelector(".login-form input");

function onLoginSubmit(event){
    //함수의 파라미터를 명시해주면(어떤이름이든 상관x) 자바스크립트에서 event를 채워줌
    event.preventDefault(); // 어떤 이벤트의 기본 행동이 발생하지 않게 막는 것
    //form을 submit하면 브라우저가 기본적으로 새로고침하는 것을 막음
    console.log(loginInput.value);
}

loginForm.addEventListener("submit",onLoginSubmit);
//submit이벤트가 발생했을 때 onLoginSubmit함수를 호출하고, event를 파라미터로줌