猜数字游戏
这是一个使用HTML、CSS和JavaScript实现的互动式猜数字游戏。玩家需要在规定次数内猜出一个1-100之间的随机数字,根据猜测的次数获得相应的分数。
功能特点
- 随机生成1-100之间的目标数字
- 实时提示猜测结果(太大/太小)
- 记录猜测次数并计算最终得分
- 响应式设计,适配不同屏幕尺寸
- 简洁直观的用户界面
技术实现
- 对象(Object):使用GameManager类管理游戏状态和逻辑
- 函数(Function):模块化设计,分离游戏逻辑和UI更新
- 事件处理:监听用户输入和按钮点击
- DOM操作:动态更新游戏界面和提示信息
- BOM应用:使用localStorage存储最高分记录
项目结构
├── index.html
├── styles.css
├── script.js
└── README.md
使用方法
- 打开index.html文件
- 输入猜测的数字,点击“猜”按钮
- 根据提示调整猜测,直到猜对为止
- 游戏结束后,会显示猜测次数和得分
- 点击“重置”按钮,可以重新开始游戏
注意事项
- 游戏会记录最高分,下次打开页面时会显示
- 游戏会记录猜测次数,下次打开页面时会显示
- 游戏会记录猜测结果,下次打开页面时会显示