完成 To Do List 以下功能:
-
點擊任務標記是否完成
- 點擊 li 新增/移除
checked
class
- 點擊 li 新增/移除
-
點擊 x 刪除任務
- 點擊 span (後面那個 x) 可移除任務
-
輸入新任務名稱, 按下+新增任務
- 取得 input 輸入的文字
- 按下 + 可以新增任務(li)
- 新增的任務也有標記/移除功能
-
(加分題) 拖拉任務
- 透過 HTML Drag and Drop API 完成,可參考 (04_bonus-drag)
建議使用原生 JavaScript 實作,所有程式都會寫在 main.js 檔,不會修改到其他檔案,建議按照順序完成每個功能,這樣比較簡單一點。