把3个0~9的3个随机数也在页面上展示出来,例如:01+02+03=06
时间: 2023-12-27 10:02:01 浏览: 13
好的,以下是更新后的代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>随机数字和计算</title>
</head>
<body>
<p id="result">点击按钮生成随机数字并计算和</p>
<button onclick="generateAndCalculate()">生成随机数字</button>
<script>
function generateAndCalculate() {
// 生成三个随机数字
var num1 = Math.floor(Math.random() * 10);
var num2 = Math.floor(Math.random() * 10);
var num3 = Math.floor(Math.random() * 10);
// 计算和
var sum = num1 + num2 + num3;
// 显示结果
var resultElement = document.getElementById("result");
resultElement.textContent = num1.toString().padStart(2, '0') + " + " + num2.toString().padStart(2, '0') + " + " + num3.toString().padStart(2, '0') + " = " + sum.toString().padStart(2, '0');
}
</script>
</body>
</html>
```
在生成随机数字并计算和后,将结果展示在了id为"result"的段落元素中。同时,为了保持数字格式的一致性,使用了`toString().padStart(2, '0')`方法将数字转换为字符串,并在前面补0,使得每个数字都是两位数。希望对您有所帮助!