preventDefault()

    <form id="login-form">
      <input
        required
        maxlength="15"
        type="text"
        placeholder="What is your name?"
      />
      <button>Log In</button>
    </form>

이런식으로 form을 submit하면 브라우저가 기본적으로 페이지를
새로고침 하는데 preventDefault()를 넣어줘서
이 새로고침 동작을 막는다.

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

function onLoginSubmit(event) {
  event.preventDefault();
  console.log(loginInput.value);
}

loginForm.addEventListener("submit", onLoginSubmit);

이런식으로 event를 argument에 넣어준다.