实现一个具有图形用户界面的猜数游戏_Javascript语言实现玩家猜数游戏

今天我们通过玩家猜数游戏来学习js中的循环语句：

1. 题目：系统随机生成一1-100内的随机数，让用户猜这个数字。

如果用户猜对：游戏结束；

如果用户猜的不对，提示用户猜的数字是大了还是小了。

然后提示用户是否要继续游戏。

玩家输入数字

提示数字是大了还是小了

是否继续游戏

数字猜对

2. 分析：

(1)系统产生一个 随机数

Math.round(Math.random()*100+1)；

因为产生的随机数有可能是小数，如85.6，所以需要将产生的数取整，即用Math.round()进行四舍五入取整。

(2)将用户猜的数和系统产生的随机数比较：

• if 猜数
• else if 猜数>随机数 输出：你猜的数太大；你要继续游戏吗？
• else 输出：你猜对了； 游戏结束。

这里我们需要用一个变量isCon来控制用户是继续游戏。

且上面这个过程会一直循环进行，所以需要用到do ….while语句。当isCon为false时，便退出循环。(也就是当用户选择了取消按钮时，退出循环

实现代码

(3) parseInt函数：prompt函数返回的是字符串，所以需要将字符串函数转化成整数类型，就需要用到parseInt函数了；

parseInt()：字符串转换为整数。例如：

parseInt("123bcdef45"); //返回123

parseInt("bcdef45"); //返回NaN

注意：parseInt函数转换的是参数的开头部分，并不是对整个参数进行转化。

parseFloat()：字符串转换为浮点数，例如：

parseFloat("123.45abc") //返回123.45，同样只针对开头部分转换。

Number()：值转换为数字，例如：

Number("1.2.3") //返回NaN。

parseInt("1.2.3") //返回1

parseFloat("1.2.3") //返回1.2

注意： Number()函数转换的是整个参数，注意与parseInt和parseFlloat函数的区别。

今天我们就讲到这里，欢迎有问题继续关注我！