폼 전송 시 검사하는 것에 대한 과제를 하다가 궁금한 점이 생겨서 질문 드려요
var loginForm = document.querySelector("form");
loginForm.addEventListener("submit", function (e) {
var userId = document.querySelector("#user-id").value;
var userPw = document.querySelector("#user-pw").value;
if (userId == "" || userPw == "") {
alert("입력값을 채워주세요.");
e.preventDefault()
}
})
여기에서 uerId, userPw를 선언하고 할당하는 코드를 submit 이벤트 코드 밖에 작성하면 오류가 뜨더라구요
var 변수는 함수 밖에서 선언해도 함수 안에서 사용할 수 있다고 이해해서 처음에 그렇게 작성했던 것인데
제가 뭔가 잘못 이해한 부분이 있을까요?