[Day 20]从零开始学习 JS 的连续-30 Days---todolist 待办事项

待办事项结构 to do list

  1. 需要输入框与输入按钮。
  2. 送出输入按钮後产生待办事项与完成按钮。
  3. 将事项完成後移除并且让完成按钮消失。

新增输入框与输入按钮( 使用HTML )


图中注解的部分是希望产生的程序码。

新增待办事项


图中流成为:
1.宣告变数将html的标签设为值。
2.宣告一个预设的空阵列。
3.将想要的内容与格式存入空阵列。
4.产生提示框。
5.印出事件。

删除待办事项


图中流成为:
1.设置监听范围(待办事项所在位置)。
2.设置data-属性在代办事项,并赋予排序。
3.取排序值删除事项与按钮。

今天就到这结束了。


<<:  javascript表单资料处理&验证(DAY22)

>>:  Day21:21 - 结帐服务(5) - 後端 - 结帐 X PayPal Python Checkout SDK

[Day 21] 阿嬷都看得懂的满版横幅怎麽写与 normalize.css

阿嬷都看得懂的满版横幅怎麽写与 normalize.css 昨天我们拿出了古早时代的贴纸簿,并且介绍...

Day 10 - 智慧城市Go Smart Award 经历(4) - 展览

这是回顾Go Smart Award的最後一集,  整个比赛的内容也在颁奖典礼举行的同时, 配合在...

Day 8 : HTML – 为什麽Flex没有justify-items和justify-self,而grid却有?

如标题!这篇就是要来聊聊为什麽Flex没有,而grid却有 以下我们都会以讨论justify-sel...

Day22 - Spinner(二)

我们昨天学会如何透过按钮抓到Spinner选到的选项 今天要学的是当我们点选Spinner的选项後 ...

html 选项

今天来说要如何用html做出单选题 语法如下 单选题题目1<br> <input ...