随机数生成器 html 脚本

📌 相关文章

📜 随机数生成器 html 脚本 - Html (1)

📅 最后修改于: 2023-12-03 14:58:41.276000 🧑 作者: Mango

如果你需要一个能够生成随机数的 HTML 脚本，那么你来到了正确的地方。

概览

该脚本将生成一个随机数，范围在 0 和 1 之间。你可以通过修改脚本来生成其他范围内的随机数。

代码

下面是该脚本的 HTML 代码：

<!DOCTYPE html>
<html>
<head>
	<title>随机数生成器</title>
</head>
<body>
	<h1>随机数生成器</h1>
	<p id="random_number"></p>

	<script>
		// 生成随机数
		var random_number = Math.random();

		// 显示结果
		document.getElementById("random_number").innerHTML = "随机数：" + random_number;
	</script>
</body>
</html>

解释

首先，该脚本生成一个随机数。这是通过使用 JavaScript 中的 Math.random() 函数来完成的。

然后，脚本将生成的随机数显示在 HTML 页面中。这是通过使用 JavaScript 中的 document.getElementById() 函数来获取 HTML 中的元素，并通过 innerHTML 属性将随机数显示在指定的元素中。

修改范围

如果你想要生成不同范围内的随机数，需要更改脚本中的代码。下面是一些常见的范围示例：

生成 0 到 100 之间的随机数：var random_number = Math.floor(Math.random() * 101);
生成 1 到 6 之间的随机数（用于掷骰子）：var random_number = Math.floor(Math.random() * 6) + 1;
生成 -10 到 10 之间的随机数：var random_number = Math.floor(Math.random() * 21) - 10;

结论

这个随机数生成器 HTML 脚本是一个简单而有用的工具，可以帮助你生成任何范围内的随机数。你可以轻松地修改脚本以适应你的需要。