24 点

做一个单文件 HTML 的算 24 点游戏。

做一个单文件 HTML 的 **算 24 点** 益智数学游戏。每局随机发 4 张数字牌，玩家用加减乘除凑出 24。 ```` ### 核心规则 - 每局发 4 张数字牌，数值范围 1–10（对应扑克牌 A=1, 2–10） - 玩家必须使用全部 4 个数字，每个数字恰好使用一次 - 可用运算符：加（+）、减（−）、乘（×）、除（÷） - 可用括号改变运算优先级 - 最终结果必须恰好等于 24 - **每局必须有解**：发牌时需通过求解算法验证存在至少一种解法，无解则重新发牌 ### 双模式交互 游戏需要同时支持两种操作模式，玩家可以自由切换： **模式 A：表达式输入** 1. 提供一个文本输入框，玩家直接输入数学表达式（如 `(8-2)*(5-1)` 或 `8/(1-2/3)`） 2. 支持标准数学符号：`+` `-` `*` `/` `(` `)` 3. 提交后验证： - 表达式语法是否合法 - 是否恰好使用了当前 4 个数字各一次（不多不少） - 计算结果是否等于 24 4. 验证失败时给出明确的错误提示（语法错误 / 数字使用不对 / 结果不等于 24） **模式 B：卡牌点选** 5. 4 张数字牌以卡片形式展示在操作区 6. 玩家依次点选两张牌，再选择一个运算符（+−×÷），两张牌合并计算为一张新牌 7. 重复上述步骤，直到只剩一张牌 8. 最后一张牌的值等于 24 即为成功 9. 每步操作有清晰的视觉反馈（选中高亮、合并动画、新牌生成） 10. 支持撤销上一步操作（至少支持撤销到初始状态） ### 求解器与提示 11. 提供"提示"按钮，点击后显示当前题目的一种解法（以数学表达式形式展示） 12. 求解算法需正确处理：除法精度问题、括号嵌套、所有可能的运算顺序 13. 提示有使用次数限制或冷却时间（如每局最多 3 次提示，或使用提示后该局不计入得分） ### 发牌与难度 14. 提供"换一题"按钮，跳过当前题目获取新题 15. 可选的难度分级： - **简单**：数字范围 1–9，优先选择有多种解法的组合 - **普通**：数字范围 1–10 - **困难**：数字范围 1–10，优先选择仅有少数解法的组合 16. 发牌时数字可以重复（如 [3, 3, 8, 8]） ### 计分与统计 17. 计时器：记录每局用时 18. 得分系统：基础分 + 速度奖励（用时越短分越高）− 提示惩罚 19. 连续答对的连胜计数 20. 本次游戏的统计面板：已完成局数、正确率、平均用时、最佳用时、当前连胜 ### 视觉设计 - 数字牌使用扑克牌风格设计（圆角卡片、数字居中、花色装饰） - 整体配色温暖明快，适合益智游戏氛围 - 模式切换使用 Tab 或 Toggle 组件，切换时平滑过渡 - 正确时有庆祝动画（如卡片翻转、粒子撒花） - 错误时有温和的提示动画（如卡片抖动） - 响应式布局，移动端友好（卡牌点选模式尤其要考虑触屏体验） ````