JavaScript project – Notes app 增加筆記

結果展示

---

 

 

 

學習重點

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

-markdown 可以將輸入的文字透過cdn程式轉換成特定的HTML型式

-Localstorage

---

程式碼

HTML

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

CSS

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

JS

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

 

 

---

參考資料：

參考教學影片

UI設計

CRUD是什麼

marked-cdn

Localstorage是什麼

localStorage.setItem

儲存與接受數據

清除Localstorage>>F12 >> application >> localstorage >> your website >> clear