30daysJS-15 - LocalStorage

这个练习的要求是： 输入文本， 点击按钮添加入指定区域； 点击todo单项，可以改变图片，表示完成或者未完成； 能够存入本地数据，刷新后依旧能显示之前写的todo。 我的写法 我之前练习的时候写过一个有本地保存功能的todo，所以这个不难。 所以我按照以前思路先写了一遍，这次试着多分解成几个函数，写完瞟了一眼老师答案感觉要遭，怎么这么短，不过我也明白原因，我之前写得非常命令式，添加就写“点击→创建→修改DOM→修改本地数据”，DOM和数据都混在一起了，于是就进行了修改，最终思路： 用户事件只会进行数据修改，所有修改数据先统计入本地储存，再用本地存储统一生成todo。 也就是看起来是用户操作了DOM，实际上在中间进行了一层转手，用户操作只调整了本地数据，本地数据生成DOM这点是不会受到用户操作影响的。 结果： const addItems = document . querySelector…