利用JavaScript写猜数字小游戏

最新推荐文章于 2025-03-04 20:49:48 发布

starjuly

最新推荐文章于 2025-03-04 20:49:48 发布

阅读量1.8w

点赞数 12

分类专栏： JavaWeb 前端

本文链接：https://blog.csdn.net/starjuly/article/details/51873990

版权

JavaWeb 同时被 2 个专栏收录

83 篇文章

订阅专栏

前端

9 篇文章

订阅专栏

本文介绍了一个简单的网页版猜数字游戏的实现方法。游戏会在0到100之间生成一个随机数，玩家需输入猜测的数字。若输入超出范围将提示重新输入；若猜对则会给出正确提示并询问是否继续游戏。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

要求：

在页面中写一个猜数字的游戏：
要求：
  1）生成0~100之间的随机数，让用户猜
  2）输入错误需要提示，并让用户重新输入
  3）输入正确，提示正确，并询问是否继续游戏

结果如下：

代码如下：

<!--
	在页面中写一个猜数字的游戏：
	要求：
	1、生成0-100之间的水技术，让用户猜
	2、输入错误需要提升，并让用户重新输入
	3、输入正确，提示正确，并询问是否继续游戏。
-->

<!DOCTYPE html>
<meta charset="utf-8">
<html>
<head>
	<title>猜数字</title>
</head>
<script type="text/javascript">
	var ran = parseInt(Math.random()*100);

	function guess() {
		var number = document.getElementById("number").value;
		if (number < 0 || number > 100) {
			alert("请输入1到100的实数");
		} else if (ran == number) {
			alert("恭喜你猜对了，你猜的数字是" + ran + "， 如果要继续游戏请重新刷新页面");
		} else if (ran > number) {
			alert("很遗憾，你猜小了");
		} else if (ran < number) {
			alert("很遗憾，你猜大了");
		}
	}
</script>
<body>
	请输入1到100的实数：
	<input type="text" name="number" id="number">
	<button type="button" onclick="guess()">提交</button>
</body>
</html>