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

丁青网站制作公司哪家好，找成都创新互联公司！从网页设计、网站建设、微信开发、APP开发、响应式网站建设等网站项目制作，到程序开发，运营维护。成都创新互联公司自2013年创立以来到现在10年的时间，我们拥有了丰富的建站经验和运维经验，来保证我们的工作的顺利进行。专注于网站建设就选成都创新互联公司。

主要功能：

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

具体功能的实现

HTML代码

 
 
 



 

  

   My todolist
   
  
 

 

  
未完成
  

  

  
已完成
  

  
 

 

 	
全部清除
 
 

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

本文名称：原生JavaScript实现todolist功能-创新互联
URL分享：http://myzitong.com/article/dedhoo.html