html实现猜年龄弹窗小游戏
初学者编辑
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
// 随机生成一个1~100的随机数
//(Math.random()随机生成0~1之间的数(是小数)
//(Math.random() * 100)随机生成1~100之间的数(包括小数)
//Math.floor(Math.random() * 100)对随机生成数取整
x = Math.floor((Math.random() * 100) + 1);
//for循环的是每局游戏所循环的次数
for (i = 1; i < 4; i++) {
//输入弹窗
var y = prompt("请输入你猜的年龄")
//判断所输入年龄是否在0~100之间
if (y >= 0 && y <= 100) {
//判断本局游戏是否循环三次
if (i == 3) {
//弹框提示用户是否继续游戏
var sf = prompt("是否继续游戏")
//判断用户输入的是否是y或Y
if (sf == "y" || sf=="Y") {
//如果用户输入y或Y进入判断则重新给i赋值让循环继续
i = 0;
//判断用户输入的是否是n或N
} if (sf == "n" || sf=="N") {
//如果用户输入n或N直接退出循环,终止游戏.
break;
}
} else {
//判断用户输入的数和随机生成的数
if (y == x) {
alert("恭喜你猜对了")
break;
}
if (y > x) {
alert("猜大了")
} else {
alert("猜小了")
}
}
}else{
alert("请输入1~100之间的年龄")
}
}
</script>
</body>
</html>