JavaScript应用——手把手教你做一个页面化猜数字游戏

最新推荐文章于 2024-10-02 05:39:15 发布

2401_84438067

最新推荐文章于 2024-10-02 05:39:15 发布

阅读量249

点赞数 3

文章标签： javascript 游戏前端

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/2401_84438067/article/details/140188087

版权

在这里插入图片描述

然后，我们需要生成1到100的随机数，在JS中，也提供了一个生成随机数的函数random，但注意，JS中的random函数和C语言中的random函数有较大的区别，前者只能生成0到1之间的随机数（包含0但不包含1）。为了生成1到100之间的整数随机数，我们可以给JS生成随机数函数的值乘以100并向下取整，此时我们就有了0到99之间的随机整数了，最后，我们再进一步加1即可。

在这里插入图片描述

生成完随机数后，我们需要设置一些点击事件：

更新猜的次数
取出输入框的内容，和待猜的元素进行对比，返回结果
重新开始游戏

此部分代码及注释如下：

在这里插入图片描述

除了上述清空结果的方法外，还有一种简单粗暴的方法：

location.reload();

document和location类似，都是浏览器提供的全局变量，前者主要控制DOM结构（页面），后者主要控制BOM（浏览器）跳转。此代码的作用相当于刷新浏览器，一旦将浏览器刷新了，之前创建的DOM树还要各种JS变量都就不复存在了，从而完成清空数据

🍉 预览效果图

=====================================================================

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

🍎 完整源代码

=====================================================================

Document

重新开始一局游戏

请输入要猜的数字:

猜

已经猜的次数:0

结果:

关注

3
点赞
踩
7

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。