📌  相关文章
📜  如何编写一个在浏览器中显示 1 到 100 之间的随机数的程序 - Javascript (1)

📅  最后修改于: 2023-12-03 15:24:53.507000             🧑  作者: Mango

如何编写一个在浏览器中显示 1 到 100 之间的随机数的程序 - Javascript

在Javascript中,可以使用Math.random()函数生成一个0到1之间的随机数。为了在浏览器中显示1到100之间的随机数,我们可以通过以下步骤完成:

1. 生成一个1到100之间的随机整数

在Javascript中,可以使用以下公式生成一个范围内的随机整数:

Math.floor(Math.random() * (max - min + 1)) + min;

其中,Math.floor()函数用于向下取整,保证结果为整数;maxmin分别表示所需范围的最大值和最小值,这里分别为100和1,因此公式可简化为:

Math.floor(Math.random() * 100) + 1;

这行代码就可以生成一个1到100之间的随机整数。

2. 在浏览器中显示随机数

为了在浏览器中显示随机数,我们可以通过DOM操作实现。

首先,在HTML文件中添加一个用于显示随机数的<div>元素:

<div id="random-number"></div>

然后,在Javascript中获取该元素,并将随机数插入其中:

var randomNumber = Math.floor(Math.random() * 100) + 1;  // 生成随机数
var element = document.getElementById("random-number");  // 获取<div>元素
element.innerHTML = "随机数:" + randomNumber;  // 插入随机数

这里使用了innerHTML属性将随机数插入到<div>元素中。

完整的代码片段如下所示:

// 生成随机数
var randomNumber = Math.floor(Math.random() * 100) + 1;

// 获取<div>元素并插入随机数
var element = document.getElementById("random-number");
element.innerHTML = "随机数:" + randomNumber;

这样,就完成了一个在浏览器中显示1到100之间随机数的程序。

参考资料: