今天我们通过玩家猜数游戏来学习js中的循环语句:
1. 题目:系统随机生成一1-100内的随机数,让用户猜这个数字。
如果用户猜对:游戏结束;
如果用户猜的不对,提示用户猜的数字是大了还是小了。
然后提示用户是否要继续游戏。
![c56f41371814b6d98e881ca77f260ef0.png](https://i-blog.csdnimg.cn/blog_migrate/a664e98238431e1437a52457a0699586.jpeg)
玩家输入数字
![dd6345c0381b384020463a311ffcca31.png](https://i-blog.csdnimg.cn/blog_migrate/a7a4abeeb631d3f6b766d0593792796e.jpeg)
提示数字是大了还是小了
![7980f7fab83c0760d8cbdd28e40668c7.png](https://i-blog.csdnimg.cn/blog_migrate/798051f91091368cf1cdcab6eef860a8.jpeg)
是否继续游戏
![396170197ea2ead4103a5982e17813d9.png](https://i-blog.csdnimg.cn/blog_migrate/206667b0d0672ded27bdb56bea3d8edc.jpeg)
数字猜对
2. 分析:
(1)系统产生一个 随机数
Math.round(Math.random()*100+1);
因为产生的随机数有可能是小数,如85.6,所以需要将产生的数取整,即用Math.round()进行四舍五入取整。
(2)将用户猜的数和系统产生的随机数比较:
- if 猜数
- else if 猜数>随机数 输出:你猜的数太大;你要继续游戏吗?
- else 输出:你猜对了; 游戏结束。
这里我们需要用一个变量isCon来控制用户是继续游戏。
且上面这个过程会一直循环进行,所以需要用到do ….while语句。当isCon为false时,便退出循环。(也就是当用户选择了取消按钮时,退出循环
![355602ec48aad53238b1e510524a683c.png](https://i-blog.csdnimg.cn/blog_migrate/d393175dd34577bf2d0bf5a2fee4e2f0.jpeg)
实现代码
(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函数的区别。
今天我们就讲到这里,欢迎有问题继续关注我!