[javascript] localStorage에 저장하기

[이번에는 javascript로 입력받은 값을 localStorage에 저장해 보는 것을 포스팅하겠습니다.]

---

localStorage를 쓰는 이유는?

  브라우저 세션에 데이터를 저장할 수 있습니다. 쉽게 말해 새로고침하든 닫았다 열든 그 데이터는 저장된다는 말이죠!

 

1. querySelector로 해당 입력 영역을 가져옵니다.

1,2번은 id의 input영역, 3,4번은 password의 input영역, 5번은 버튼 영역입니다.

2. 입력받은 값을 변수에 집어넣기

currentIdId, currentPassword라는 변수에 각각                                                                                   input_One(id의 입력값) Password_One(password의 입력값)을 넣어줍니다.

3. 2번 작업을 함수로 묶기

4. 버튼이 눌릴때 함수 작동하게 만들기

5. 마무리

6. 결과물

실행시 보이는 양식

직접 입력한 값

6-2. 결과물 - localStorage

- 성공적으로 localStorage에 추가된 것을 확인할 수 있습니다.

-html-

*j-clock 부분은 저번 포스팅에서 시계를 만들 때 쓰인 부분이니 무시하셔도 좋습니다.*