JavaScript #13
1548 ワード
210803
JavaScript #13ユーザーのIDを保存
基本的なlocalStorageがあります.
-local storage
ブラウザに何かを保存することができます.後で使ってもいいです. 開発者ツールでlocalstorageに何が格納されているかを確認できます.
使用方法
そうですか.
-setItem()
localStorageに格納できます.
このようにして希望する値を保存できます.
-getItem()
格納された値はgetItemで取得できます.
ユーザーが入力した値を保存すればいいです.
入力してログインボタンをクリックすると、ローカルストレージに値が格納されていることを確認できます.
リファレンス
https://nomadcoders.co/javascript-for-beginners/lobby
JavaScript #13
基本的なlocalStorageがあります.
-local storage
ブラウザに何かを保存することができます.後で使ってもいいです.
使用方法
そうですか.
-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
Reference
この問題について(JavaScript #13), 我々は、より多くの情報をここで見つけました https://velog.io/@kimhaech/JavaScript-13テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol