JavaScript #13


210803
JavaScript #13
  • ユーザーのIDを保存
    基本的なlocalStorageがあります.
    -local storage
    ブラウザに何かを保存することができます.後で使ってもいいです.
  • 開発者ツールでlocalstorageに何が格納されているかを確認できます.


    使用方法

    そうですか.
    -setItem()
    localStorageに格納できます.


    このようにして希望する値を保存できます.
    -getItem()
    格納された値はgetItemで取得できます.

    ユーザーが入力した値を保存すればいいです.
    function onLoginSubmit(event){
      event.preventDefault()  // 기본동작 막기 (submit)
      loginForm.classList.add(HIDDEN_CLASSNAME) // form이 사라지도록 classname추가
      const username = loginInput.value // 사용자 이름 저장
      localStorage.setItem("username", username) // local storage에 저장
      greeting.innerText = `Hello ${username}`  // greeting에 string 저장
      greeting.classList.remove(HIDDEN_CLASSNAME) // hidden class 삭제
    }

    入力してログインボタンをクリックすると、ローカルストレージに値が格納されていることを確認できます.
    リファレンス
    https://nomadcoders.co/javascript-for-beginners/lobby