Todoリスト - Ver. jQuery

制作日: 2018年末頃

確認方法

Githubの「Clone or download」ボタンから「Download ZIP」を選択してファイルをダウンロードしてください。
zipを展開し、Google Chromeにてtodo.htmlを開いてご確認ください。

開発環境

言語: HTML/CSS/JavaScript/jQuery OS: Mac OS ツール: Sublime Text3 / Google Chrome

概要

JavaScriptとjQueryの学習を終えた際に、ポートフォリオ用に作成しました。
WEBアプリをゼロからコーディングしてみました。
font awesomeのフォントアイコンを導入しています。

機能説明

1. フォームに文字を入力してEnterを押下すると、DOリストに項目が追加されます。
   
2. チェックボックスを押下すると、DOリストからDONEリストへ、もしくはDONEリストからDOリストへ項目が移動します。
   
3. ゴミ箱アイコンを押下すると、項目が削除されます。
   
4. local strageを使用してデータの保存をしているため、ページを更新しても内容は保持されます。