待办小工具

** 难度 ** ⭐⭐ 需要有一定 HTML，CSS 及 JavaScript 学习基础

练习介绍

实现一个待办任务管理小工具，可以对于待办任务进行新增、状态管理

可以用其来综合训练 HTML、CSS 及 JavaScript，也可以用来实践各种上层框架

用例描述

包含一个待办任务列表，和一个所有任务的列表
可以新增一个待办任务
每个任务的状态有待办、已办
可以把任务从待办改成已办，此时该任务不应该再出现在待办列表中
可以从所有任务列表中把已办任务改为待办状态

练习要求

如果是想练习最基本的样式及布局，可以不使用任何第三方的布局或样式库，除非是要学习某一个第三方布局或者样式库
可以分别以“不使用任何第三方库及框架”，以及使用“react”、“vue”、“Angular”、“san”等各种框架来实现，作为学习技术和框架的试验方法

练习参考资料

MDN JavaScript