介绍
在这个项目中，你将学习如何创建一个可以在网页上显示和隐藏的模态框组件。模态框在 Web 应用程序中通常用于显示额外的内容或表单，而无需离开当前页面。
👀 预览
🎯 任务
在这个项目中，你将学习：
- 如何为模态框设置 HTML 结构
- 如何实现显示和隐藏模态框的功能
- 如何处理事件冒泡，以防止模态框在隐藏后再次显示
🏆 成果
完成这个项目后，你将能够：
- 使用 HTML、CSS 和 JavaScript 创建一个模态框
- 使用 JavaScript 函数控制模态框的可见性
- 防止事件冒泡，以确保模态框按预期运行
