创建一个网页,要求用户输入一个数字,然后使用 math 对象的方法计算并显示该数字的平方根、立方根和随机数(范围在 0 到该数字之间)。
时间: 2024-10-10 17:11:21 浏览: 31
创建一个简单的HTML页面,配合JavaScript来满足这个需求。首先,在HTML部分,设计一个表单让用户输入数字,以及展示结果的地方:
```html
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>数字运算</title>
</head>
<body>
<h1>请输入一个数字:</h1>
<input type="number" id="numInput" placeholder="请输入数字...">
<button onclick="calculate()">计算</button>
<p id="results"></p>
<script src="main.js"></script>
</body>
</html>
```
接下来,在`main.js`文件中编写JavaScript代码来处理用户的输入和计算:
```javascript
function calculate() {
// 获取用户输入的数字
const num = document.getElementById('numInput').value;
// 验证输入是否有效
if (isNaN(num) || num <= 0) {
alert("请输入一个正整数!");
return;
}
// 创建Math对象实例
const math = Math;
// 计算并显示结果
const squareRoot = Math.sqrt(num);
const cubeRoot = Math.cbrt(num);
const randomInRange = Math.floor(Math.random() * num); // 注意这里使用Math.floor()确保生成的随机数是整数
document.getElementById('results').innerHTML = `
平方根: ${squareRoot}<br>
立方根: ${cubeRoot}<br>
随机数(0到${num}之间): ${randomInRange}
`;
}
```
在这个例子中,用户输入一个数字后点击“计算”按钮,`calculate`函数会被调用,它会获取用户输入的数值,计算平方根、立方根,并生成一个0到该数字之间的随机数。结果将显示在浏览器上。
阅读全文