JavaScript project – Todo app

結果展示

---

 

 

 

學習重點

• CRUD Note =>> (create, read, update and delete) 建立、讀取、上傳、刪除
• CRUD todos
• localStorage

---

程式碼

HTML

See the Pen
JavaScript project – Todo- app by G-Dee (@G-Dee)
on CodePen.

CSS

See the Pen
JavaScript project – Todo- app by G-Dee (@G-Dee)
on CodePen.

JS

See the Pen
JavaScript project – Todo- app by G-Dee (@G-Dee)
on CodePen.

 

---

參考資料：

參考教學影片

UI設計

CRUD是什麼

可以使用滑鼠右鍵執行事件嗎? How can I capture the right-click event in JavaScript? [duplicate]