maakinakano / todojquery Goto Github PK

Todo list右のボタンで登録したTodoを削除できる

Todo list 右のチェックボックスからTodoの完了/未達成の変更ができる

完了するとTodo名が灰色になり打ち消し線が引かれる

登録したTodo名を編集できる

ダブルクリックで編集
フォーカスアウトで元に戻る

ToDoサイトの見た目の実装
http://todomvc.com/examples/jquery/#/all を参照
Todos
<入力フォーム>
todo list
o all o active o completed

入力フォームから入力したTodoが画面に反映される

ボタンではなくenterで登録
先に入力されたTodoが上に来るように配置

入力フォーム左のボタンからTodo listの一括完了/未達成の変更ができる

Todo list側のボタンの押されてる数に応じてcheck/uncheckを入れ替える

ラジオボタンを押すことで、表示するTodoを『すべて』『未達成』『達成済み』に切り替えれる

Todoのデータを保存する。

完了、編集、削除に関しても、サイトを更新しても変更が保持されるようにする

ラジオボタン右のボタンから完了したTodoの一括削除ができる

本物サイトでは

• 空白文字のみだと作成できない。
• 空白が先頭にある場合は詰める。
  を行っている。

作成したサイトでは未実装