JavaScript实现简单的猜数字游戏
2018-11-22 本文已影响0人
Leophen
实现效果：
假设要猜的数字为5，要求输入1-10的数字
当输入非1-10的数字时弹出
输入1-10以外的数字.jpg
当输入1-4的数字时弹出
输入1-4的数字.jpg
当输入数字5时弹出
输入5.jpg
当输入数字6-10时弹出
输入6-10的数字.jpg
附上代码：
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>猜数字</title>
</head>
<body>
<script>
var i=prompt("请输入您猜的数字");
while(i >= 1 && i <= 10){
if(i < 5){
alert("猜小了！");
break;
}
else if(i == 5){
alert("猜对了！");
break;
}
else if(i > 5){
alert("猜大了！");
break;
}
}
while(i > 10){
alert("请输入1-10的数字");
break;
}
while(i < 1){
alert("请输入1-10的数字");
break;
}
</script>
</body>
</html>
后续优化：
为了使游戏一直能进行下去，使用Math对象的random方法来实现每次游戏要猜的数字不同
实现效果：
（1） 用户在输入框内输入的数字与系统产生的1~9的随机数进行对比
（2） 如用户输入的数字与系统随机产生的数字相等，停止弹出输入框
（3） 如用户输入的数字与系统随机产生的数字不相等，则弹出相应的提示信息
582bfb8f0001c8e703060070.jpg
附上代码：
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>Math.random()</title>
</head>
<body>
<script>
var b = Math.floor(Math.random()*9+1);
do{
var a = prompt("请输入你猜的数字");
if(a > b){
alert("输入的数字大了");
}
else if(a < b){
alert("输入的数字小了");
}
else{
alert("恭喜你猜对了");
}
}
while(a!=b)
</script>
</body>
</html>
