본문 바로가기

카테고리 없음

#4.5 Saving Username

  • username을 키벨류로 해서 브라우저에 저장하기
function onLoginSubmit(event){
    event.preventDefault(); //새로고침되는 기본 동작을 막음
    loginForm.classList.add(HIDDEN_CLASSNAME); //로그인 폼 클래스리스트에 hidden클래스 추가해서 가리기
    const username = loginInput.value; //입력받은 값을 username에 대입
    localStorage.setItem("username",username); //localStorage를 이용하여 키벨류로 입력받은 username저장
    greeting.innerText = `Hello ${username}`; //greeting(h1) 클래스리스트에 HELLO uaername이라는 텍스트 추가
    greeting.classList.remove(HIDDEN_CLASSNAME); //greeting(h1) 클래스리스트에 원래 존재하던 hidden클래스 제거해서 보이기
}