这些挑战覆盖了游戏开发、实用工具和创意可视化，每个都强调完整的HTML文件实现，包括HTML、CSS和JavaScript代码。提示词足够详细，以便AI生成可直接运行的代码。
1. 井字游戏（Tic-Tac-Toe）
提示词：请编写一个完整的 HTML 文件，实现一个井字游戏。
要求：
- 显示一个3×3网格的游戏板，每个格子可点击；
- 两名玩家轮流点击格子放置“X”或“O”；
- 实时检测获胜条件（横、竖、斜线三个相同符号）并弹出提示显示获胜者；
- 如果所有格子填满且无获胜者，显示平局消息；
- 提供“重新开始”按钮重置游戏状态。
2. 计算器
提示词：请编写一个完整的 HTML 文件，实现一个基本计算器。
要求：
- 显示一个输入框用于显示数字和结果；
- 按钮包括数字0-9、运算符（+、-、*、/）、小数点（.）、等号（=）、清除键（C）；
- 支持连续运算和基本算术规则（如先乘除后加减）；
- 点击等号后计算并显示结果；
- 清除键可重置输入或清除所有数据。
3. 记忆匹配游戏（Memory Match）
提示词：请编写一个完整的 HTML 文件，实现一个记忆匹配游戏。
要求：
- 显示一个4×4网格的卡片，每个卡片背面相同，正面有图案（共8对相同图案）；
- 玩家点击卡片翻转显示图案，每次只能翻转两张；
- 如果两张卡片图案匹配，则保持翻转状态；否则，自动翻回背面；
- 所有卡片匹配完成后，显示游戏胜利消息和所用时间；
- 提供“开始新游戏”按钮重新洗牌并重置游戏。
4. 待办事项列表（To-Do List）
提示词：请编写一个完整的 HTML 文件，实现一个待办事项列表。
要求：
- 提供输入框和“添加”按钮，用于添加新任务；
- 显示任务列表，每个任务有复选框标记完成状态，完成的任务有删除线样式；
- 每个任务旁有删除按钮，可移除任务；
- 使用本地存储（localStorage）保存任务数据，页面刷新后数据不丢失；
- 支持过滤功能（如显示所有、未完成、已完成任务）。
5. 俄罗斯方块（Tetris）
提示词：请编写一个完整的 HTML 文件，实现一个简易俄罗斯方块游戏。
要求：
- 使用方向键控制方块移动（左右）、旋转（上）和加速下落（下）；
- 方块下落到底部或其它方块上时固定，并生成新方块；
- 消除完整的行并更新分数；
- 撞到顶部时游戏结束，显示结束消息和最终分数；
- 显示当前分数、下一个方块预览，并提供“开始/暂停”和“重置”按钮。
6. 数字时钟
提示词：请编写一个完整的 HTML 文件，实现一个数字时钟。
要求：
- 显示当前时间（时:分:秒）并每秒实时更新；
- 支持切换12小时制和24小时制格式；
- 提供按钮切换暗模式/亮模式，改变背景和文字颜色；
- 时间显示大且易读，使用现代字体；
- 使用JavaScript定时器（setInterval）实现更新。
7. 画板（Drawing Board）
提示词：请编写一个完整的 HTML 文件，实现一个简易画板。
要求：
- 使用Canvas元素作为画布，支持鼠标绘制；
- 鼠标拖动时在画布上绘制线条；
- 提供颜色选择器（至少3种颜色）和画笔大小滑动条；
- 有“清除”按钮清空画布；
- 支持保存绘制内容为PNG图片（通过按钮触发下载）。
8. 简易聊天界面（Simple Chat Interface）
提示词：请编写一个完整的 HTML 文件，实现一个简易聊天界面。
要求：
- 显示消息区域，展示发送和接收的消息，消息按时间顺序排列；
- 输入框和“发送”按钮，用于发送消息，发送后清空输入框；
- 模拟消息接收：例如，点击“模拟回复”按钮或定时自动发送预设回复；
- 消息样式区分发送（右对齐、蓝色背景）和接收（左对齐、灰色背景）；
- 使用本地存储（localStorage）保存聊天记录，页面刷新后消息不丢失。
9. 粒子动画（Particle Animation）
提示词：请编写一个完整的 HTML 文件，实现一个粒子动画效果。
要求：
- 使用Canvas绘制100个随机移动的粒子；
- 粒子在画布内反弹（碰壁后改变方向）；
- 鼠标移动时，粒子受鼠标吸引或避开（根据选择）；
- 粒子颜色和大小随机，动画流畅；
- 提供“开始/停止”按钮控制动画，和“重置”按钮重新生成粒子。
10. 天气预报应用（模拟数据）
提示词：请编写一个完整的 HTML 文件，实现一个天气预报应用。
要求：
- 显示当前天气信息：温度、天气状况（如晴天、雨天）、湿度和风速；
- 使用模拟数据（如固定城市的数据，不需要真实API）；
- 提供城市输入框和“搜索”按钮，点击后显示该城市的模拟天气（数据可硬编码）；
- 根据天气状况显示对应图标（如太阳、云、雨图标）；
- 页面布局响应式，适应不同屏幕大小。