使用 JavaScript
- DOM操作
- 事件监听器
- 功能
- 对象
要点和想法事实证明，构建一个简单的计时器比看起来要难。人们会认为使用数字时钟项目中的相同 setInterval 函数就足以显示正确的时间。事实证明，这种技术根本不起作用。对于这个项目，我们创建变量来保存关于时间的不同信息，例如时间开始的时间、时间停止的时间以及时间停止的时间。如果没有这些变量和我们用它们执行的计算，我们的数字时钟将无法正确显示经过的时间。
12. 4 岁儿童学数学一个很酷的应用程序，可以教孩子们基本的算术运算。
在构建之前尝试一下（使用 GitHub Pages 托管）
在线源码：https://iamcodefoxx.github.io/Math4Kids/
使用 JavaScript
- DOM操作
- 事件监听器
- 控制结构
- 数据结构
总结和思考在这个项目中，我学会了如何从一个网页切换到另一个网页以及如何播放声音文件。事实证明，这两项任务都相当简单。最难的部分是弄清楚如何将答案随机放在不同的盒子里，这样正确的答案就不会总是在同一个位置。我尽力自己弄清楚，但最终还是看了解决方案的教程。
13. Unsplash API（图像生成器）新网站需要一些图片吗？让我们构建一个图像生成器吧。
在构建之前尝试一下（使用 GitHub Pages 托管）
在线地址：https://iamcodefoxx.github.io/UnsplashAPI/
使用 JavaScript
- DOM操作
- 承诺
- 拿来
- 功能
- 控制结构
- 事件监听器
要点和想法完成这个项目教会了我如何使用 JavaScript 的内置提取来发出 API 请求。在构建这个项目之前，我完全不知道 Unsplash API 的存在。有趣的是，许多老牌公司都将此 API 集成到他们的网站中。每当我的桌面上需要新壁纸时，拥有一个图像生成器也很酷。
14.滚动打字字幕API（打字机）一个从 API 中获取随机引语并将其显示在具有打字机效果的屏幕上的应用程序。在构建之前尝试一下（使用 GitHub Pages 托管）
在线源码：https://iamcodefoxx.github.io/Typewriter/
使用 JavaScript
- DOM操作
- 事件监听器
- 控制结构
- 数据结构
- 承诺
- 功能
- 拿来
要点和想法学习如何编写打字机脚本很棒。我实际上已经在视频游戏中看到了这种效果。现在我可以在构建自己的游戏时使用它。就代码而言，有趣的是了解到我们并不总是需要 CSS 来制作很酷的动画。在这个项目中，我们使用内置的 JavaScript 子字符串函数来制作打字机效果。
15. 方形卡片（模板）一种显示数据的时尚方式或只是一张方形卡片。在构建之前先试用（托管在 GitHub Pages 上）
在线源码：https://iamcodefoxx.github.io/SquareCards/
