这些日子我学到的JavaScript:Day25- to-do list 练习

HTML 部分
首先，to-do list 是让使用者输入待办事项用的，因此输入栏是很关键的区块。

input text - 输入待办事项的文字栏
input button - 送出按钮
没写 li 的 ul - 没写 li 的原因是要让 JS 动态新增项目进去
JS 部分
能让 to-do list 运作起来当然是靠 JavaScript，基本架构跟逻辑如下：

1.选取 DOM
input button
ul
宣告一个变数 dataBase：目的是取出存在 localStorage 里的资料并转为阵列型别，如果浏览器里没存资料则跑空值
★ 补充说明：|| [ ] 代表 || 前面的程序码如果没执行，就跑空值。
2.监听及更新
在绑定事件监听的区块，处理的有加入、删除、将存在浏览器里的资料渲染置网页等功能。
3.将待办事项写入资料库，并同步更新网页与 localstorage
这个区块是「加入待办事项」的函式。
4.把存在 localStorage 里的资料渲染至网页
这个区块也是函式，具有把存在浏览器的资料加入至网页上的功能，在整个程序码里反覆出现（第 2、第 3、第 5 步）。
5.删除待办事项，更新网页跟 localstorage
这个区块是「删除已写入的项目」的函式。