利用JS实现猜数字小游戏

简介: 利用JS实现猜数字小游戏

利用JS实现猜数字小游戏代码该如何写呢?

要求当我们输入数字之后提示我们到底是猜大了还是猜小了,猜错了还能继续猜,知道我们猜对。这里就以1到10这个范围给大家介绍。

用function来做,代码如下:

<script>functiongetRandom(min, max) {
returnMath.floor(Math.random() * (max-min+1)) +min;
        }
varrandom=getRandom(1, 10);
while (true) {
varnum=prompt('欢迎来到猜数字小游戏?输入1-10之间的数字');
if (num>random) {
alert('你猜大了');
            } elseif (num<random) {
alert('你猜小了');
            } else {
alert('恭喜,猜对了');
break; //退出循环            }
        }
</script>

image.png

打开浏览器即可体验:

image.png

image.png

相关文章
|
5月前
|
缓存 编解码 JavaScript
在JavaScript小游戏开发中,如何优化游戏性能,比如减少重绘、提高动画流畅度?
提升JavaScript游戏性能的关键点包括:使用requestAnimationFrame优化动画流畅度;减少DOM操作,利用DocumentFragment或虚拟DOM;使用Canvas/WebGL高效渲染;优化图像资源,压缩图片和使用雪碧图;分层渲染与视口裁剪减少无效绘制;借助Web Workers进行后台计算;缓存计算结果;合理添加事件监听器并采用事件委托;定期进行性能分析以找到并解决瓶颈。不断测试与调整是优化的关键。
93 4
|
10天前
|
JavaScript
js学习--制作猜数字
js学习--制作猜数字
31 4
js学习--制作猜数字
|
1月前
|
JavaScript 前端开发 开发工具
五子棋小游戏(JS+Node+Websocket)可分房间对战
本文介绍了通过JS、Node和WebSocket实现的五子棋游戏,支持多人在线对战和观战功能。
33 1
五子棋小游戏(JS+Node+Websocket)可分房间对战
|
1月前
|
移动开发 前端开发 JavaScript
JS配合canvas实现贪吃蛇小游戏_升级_丝滑版本_支持PC端和移动端
本文介绍了一个使用JavaScript和HTML5 Canvas API实现的贪吃蛇游戏的升级版本,该版本支持PC端和移动端,提供了丝滑的转向效果,并允许玩家通过键盘或触摸屏控制蛇的移动。代码中包含了详细的注释,解释了游戏逻辑、食物生成、得分机制以及如何响应不同的输入设备。
49 1
JS配合canvas实现贪吃蛇小游戏_升级_丝滑版本_支持PC端和移动端
|
1月前
|
移动开发 前端开发 JavaScript
JS配合canvas实现贪吃蛇小游戏
本文通过详细的代码示例介绍了如何使用JavaScript和HTML5的Canvas API实现一个贪吃蛇游戏,包括蛇的移动、食物的生成、游戏的开始与结束逻辑,以及如何响应键盘事件来控制蛇的方向。
41 1
|
2月前
|
JavaScript
JS九行代码实现1~10猜数字游戏
JS九行代码实现1~10猜数字游戏
39 0
|
2月前
|
JavaScript
js之猜数字
js之猜数字
28 0
|
4月前
|
缓存 编解码 JavaScript
在JavaScript小游戏开发中,优化游戏性能是非常重要的
【6月更文挑战第16天】JavaScript小游戏性能优化涉及动画流畅度和减少重绘:使用requestAnimationFrame替代定时器;减少DOM操作,利用DocumentFragment或虚拟DOM;Canvas/WebGL高效渲染;压缩图像,使用雪碧图;分层渲染与视口裁剪;Web Workers处理后台计算;缓存计算结果;事件委托;定期性能分析。优化是持续过程,需结合具体需求调整。
67 8
|
5月前
|
JavaScript 前端开发 算法
在JS小游戏中使用Box2D或其他物理引擎
【5月更文挑战第14天】Box2D(现在通常称为Box2D.js或者其WebAssembly版本,Emscripten Box2D)是一个流行的2D物理引擎,用于模拟刚体动力学、碰撞检测与响应以及关节约束等物理现象。虽然Box2D本身是用C++编写的,但它可以通过Emscripten等技术被编译为WebAssembly,从而在JavaScript环境中高效运行。
82 4
|
5月前
|
JavaScript Java 测试技术
基于ssm+vue.js的网页小游戏交流论坛附带文章和源代码设计说明文档ppt
基于ssm+vue.js的网页小游戏交流论坛附带文章和源代码设计说明文档ppt
34 0