使用 JavaScript
- DOM操作
- 控制结构
- 功能
要点和想法
了解此类项目的实施方式很有趣。起初，我们使用 CSS 来阻止屏幕上的所有图像。然后我们使用 JavaScript 来操纵 CSS 样式，使其一次显示一张图像。在完成这个项目之前，我不确定是否可以直接使用 JavaScript 更改 CSS 样式，事实证明是的。
4.数字时钟考虑购买数字时钟？不再是了，在此项目中，您将学习如何构建自己的。
在构建之前先尝试一下（托管在 GitHub Pages 上）
在线地址：https://iamcodefoxx.github.io/DigitalClock/
使用 JavaScript
- DOM操作
- 数据结构
- 功能
- 对象
要点和想法在构建这个项目时，我了解到使用 JavaScript 我们可以创建一个内置对象并使用内置函数从中检索时间。这很棒，因为它无需包含额外的库，就像我们在 Python 或 C 中所做的那样。我还了解了一个名为 setTimeout 的内置函数，它用于一遍又一遍地调用另一个函数。对于这个项目，有必要使用 setTimeout 来确保我们的时间得到正确更新。
5.计算器计算器。没有它，任何 JavaScript 初学者项目列表都是不完整的，我们在这里也不例外。
在构建之前尝试一下（使用 GitHub Pages 托管）
在线地址：https://iamcodefoxx.github.io/Calculator/
使用 JavaScript
- DOM操作
- 功能
要点和想法
看到构建起来如此简单几乎令人难以置信。在构建这个之前，我认为每个表达式都需要用某种复杂的函数手动解决。事实证明，有一个名为 eval 的内置 JavaScript 函数可以为我们处理这个问题。我真的很喜欢构建这个应用程序，甚至改变了它的风格以赋予它我自己的风格。
6.杂货清单，记账簿饥饿？让我们用这个购物清单应用程序去杂货店吧。可以更加清晰的记录你每天花销了多少钱，做一个简单的记录吧！
在构建之前先尝试一下（使用 GitHub Pages 托管）
在线源码：https://iamcodefoxx.github.io/Grocery-List/
使用 JavaScript
- DOM操作
- 功能
- 控制结构
- 事件监听器
要点和想法这是一个非常酷的应用程序，它是列表中我们使用事件监听器的第一个项目。事实上，我们使用事件监听器在用户单击“回车”键时将新项目添加到杂货清单，并在用户单击特定项目时使用另一个事件监听器从列表中划掉该项目。了解负责删除 div 中所有元素的函数是如何编写的很有用。在本例中，此函数删除了我们杂货清单中的所有项目。
7. 小费计算器使用此小费计算器，无需再围着桌子看谁在处理小费。在构建之前尝试一下（使用 GitHub Pages 托管）
在线源码：https://iamcodefoxx.github.io/TipCalculator/
