原生JavaScript实现todolist功能

前端之家收集整理的这篇文章主要介绍了原生JavaScript实现todolist功能前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

该项目主要可以练习js操控dom,事件,事件触发之间的逻辑关系,以及如何写入缓存,获取缓存。

主要功能

  • 用户输入添加至待办项
  • 可以对todolist进行分类用户勾选即将待办项分入已完成组
  • todolist的每一项可删除和编辑
  • 用户输入数据写入localStorage本地缓存,实现对输入数据的保存
  • 可以清楚域名下本地缓存,并清空所有todolist项

具体功能的实现

HTML代码

<Meta charset="UTF-8"> todolist-prime

<div class="content">

未完成

    已完成

<div id="clear">
<span style="white-space:pre;"> <button id="clearbutton">

全部清除

猜你在找的JavaScript相关文章