打开06-math.html,编写06.js,应用JS的内置对象Math对象的应用。 生成一个1到10之间的随机数,显示在对应标签中,其中,随机数三个字存放在h2标签中。
时间: 2024-10-17 12:04:13 浏览: 34
首先,在HTML文件`06-math.html`中,我们需要创建一个h2标签来显示随机生成的数字:
```html
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>Random Number</title>
</head>
<body>
<h2 id="randomNumber"></h2>
<script src="06.js"></script>
</body>
</html>
```
接下来,在JavaScript文件`06.js`中,我们将使用`Math.random()`函数生成一个0到1之间的随机小数,然后乘以10并转换为整数,确保得到的是1到10之间的随机数。最后,将这个数字插入到id为"randomNumber"的h2标签中。
`06.js`的内容如下:
```javascript
document.addEventListener('DOMContentLoaded', function() {
// 生成一个介于1到10之间的随机整数
var randomNumber = Math.floor(Math.random() * 10) + 1;
// 将随机数显示在h2标签中
var numberElement = document.getElementById('randomNumber');
numberElement.textContent = '随机数: ' + randomNumber;
});
```
在这个例子中,`Math.random()`返回的是0到1之间的一个浮点数,通过乘以10并向下取整(`Math.floor()`),我们得到了1到10的整数范围。当页面加载完成后,会自动触发`DOMContentLoaded`事件,执行随机数的生成和显示。
阅读全文