[나만의 Home Page] 나만의 문구 보이기

 

입력하기

랜덤 문구 표시

랜덤으로 내가 저장한 문구와 추가 정보가 표시되도록 만들었다.

---

기술

- input을 통해 사용자로부터 문구와 추가 정보를 입력받는다.

- 문구와 추가 정보를 저장한 배열 myQuotes를 localStorage에 저장한다.

- localStorage에 저장된 myQuotes를 불러와 myQuotes와 동기화한다.

- Math.random()을 이용해 랜덤으로 문구와 추가 정보를 화면에 나타낸다.

---

디버깅 필요함

- 명언 색깔을 랜덤으로 설정해서 보이고 싶다.

- 개발자가 저장한 문구뿐만 아니라 사용자가 입력한 문구도 보이고 싶어서 추가할 수 있도록 만들었다. 또 기능은 간소화하고자 삭제 기능은 추가하지 않았다. 그러니 localStorage에서 myQuotes를 삭제한다면 아무것도 보이지 않는다. 비어있어도 추가할 수 있도록 해야 한다.

---

https://github.com/soaringwave/html-JS-css/commit/086f4fc5551c6dbf4e30099ca0144b7b76d38e6d