メモ帳 - 私のポートフォリオ
article

メモ帳

2023年2月14日

メモ帳を制作しました。
文字数60字・行数3行までの文章を書き留めることができます。書き留めた文章は保存され、ページをリロードしても確認すことができます。また、アーカイブページでは、過去に保存した文章とその時の日時を見返すことができます。

 

<仕組み>
サイト内は全て単一ページの中で構成され、javascriptで画面の切り替え、データの保存と呼び出しを行っています。データは全てブラウザのローカルストレージに保存されます。保存ボタンをクリックすると、記入したテキストは日時と共にjsonデータに変換され、ローカルストレージに保存されます。アーカイブページでは、ローカルストレージに保存されたjsonデータからテキストを呼び出し、ループ関数によって時系列順に表示される仕組みです。

 

<使用言語>
html&css javascript

サイトリンク  https://simplememo.ktportfolio.net

close