使用 JavaScript
- DOM操作
- 功能
要点和想法开发确定每个人给小费金额的函数相当容易。也许这里最大的挑战是使用 CSS 来模仿应用程序的设计。它看起来像一个相当简单的设计,但如果不先看教程,实际上做起来有点挑战。
8.待办事项清单让我们使用这款出色的待办事项列表应用程序充分利用我们的一天。
在构建它之前尝试它(使用 GitHub Pages 托管)
在线地址:https://iamcodefoxx.github.io/TipCalculator/

使用 JavaScript
- DOM操作
- 事件监听器
- 控制结构
- 数据结构
- 功能
要点和想法
这个解决方案与购物清单应用程序非常相似。我发现自己回头查看那个代码来帮助我解决这个问题。但是,有一点不同,那就是更改列表中每个项目的背景颜色的功能。我认为这是对项目的一个非常好的补充,因为它使它看起来更好。总的来说,我会说这更像是一个审查项目,但它仍然是一个很好的实践。
9. 抽认卡,电子提问便利贴(带本地存储)这是一个允许您创建抽认卡的应用程序,因此请收起那些纸质抽认卡,因为镇上有一位新老板。
在构建之前尝试一下(使用 GitHub Pages 托管)
源码地址:https://iamcodefoxx.github.io/Flashcards/

使用 JavaScript
- DOM操作
- 功能
- 控制结构
要点和想法首先是一个多么漂亮的应用程序。它可以帮助学生学习并避免他们花钱购买纸质抽认卡。这是我们使用 flexbox 的列表中的第一个项目,因此一开始并没有什么挑战性。然而,一旦我掌握了它,它实际上非常易于使用,并且使项目更具活力。特别是,我真的很喜欢 align-item、flex-wrap 和 justify-content 选项,因为它们使抽认卡具有响应性。
10.便签让我们构建一个便利贴应用程序。是的,您现在可以扔掉所有这些便签纸。
在构建之前尝试一下(使用 GitHub Pages 托管)
在线源码:https://iamcodefoxx.github.io/Sticky-Notes/

使用 JavaScript
- DOM操作
- 事件监听器
- 功能
- 数据结构
要点和想法构建这个项目的代码与抽认卡项目非常相似,但这没问题,因为需要练习。事实上,如果我没有那个项目的代码可以依靠,我将不得不再次观看抽认卡教程视频以检查我是否正确地完成了这个项目。当然,这个项目确实有一些独特的功能,因此弄清楚如何对这些部分进行编码是一项挑战。总的来说,我从这个项目中学到了很多东西,因为它结合了我们迄今为止所学的一切。
11. 计时器让我们构建一个计时器。预备,准备,开始!在构建它之前尝试它(使用 GitHub Pages 托管)
源码地址:https://iamcodefoxx.github.io/Timer/

