交互式测验应用开发
开发一款纯前端交互式测验应用,支持多种题型、计时计分、复习模式、数据持久化和社交分享功能,具备响应式设计和动态评分系统。
提示词内容
开发一款基于HTML5、CSS3和JavaScript的综合性交互式测验应用程序。具体要求如下: 核心功能模块: 1. 用户界面设计 - 创建具有视觉吸引力的UI界面 - 实现题目间平滑过渡动画效果 - 集成动态进度条显示完成百分比 2. 题目类型支持 - 多选题 - 判断题(正误题) - 连线匹配题 - 简答题 - 自动评分系统 3. 计时功能 - 每道题可配置独立计时器 - 可视化倒计时显示 - 答题时间影响最终得分 4. 计分系统 - 基于题目难度动态计分 - 响应时间加权计算 - 详细分数跟踪记录 5. 复习模式 - 测验完成后查看正确答案 - 显示错误答案解析 - 支持答案对比功能 6. 数据持久化 - 使用localStorage实现排行榜 - 保存用户历史成绩数据 - 支持数据导出功能 7. 题目管理 - 按类别组织题目 - 支持自定义分类图标 - 添加题目描述说明 8. 难度系统 - 多级难度设置 - 难度影响时间限制 - 难度系数关联得分 9. 结果分析 - 生成详细成绩摘要 - 提供表现分析报告 - 给出改进建议 10. 社交功能 - 测验结果社交分享 - 支持自定义分享内容 - 集成主流社交平台API 技术实现要求: - 纯前端实现,无需后端支持 - 响应式设计适配多设备 - 兼容主流现代浏览器 - 代码模块化组织 - 添加适当错误处理 注意事项: 1. 确保所有交互元素均可通过键盘操作 2. 实现移动端触摸优化 3. 添加加载状态指示器 4. 包含重置测验功能 5. 提供清晰的操作指引
使用说明
- 点击"复制提示词"按钮复制完整内容
- 粘贴到 ChatGPT、Claude 或其他 AI 对话工具中
- 根据实际需求调整提示词中的具体参数
- 可以多次迭代优化以获得更好的结果
