用script1、页面弹出输入半径r的输入框。 2、判断半径r是否合法。如果合法,则计算圆的周长和圆的面积;否则,给出输入错误提示。 3、在页面中显示半径r、圆的周长和圆的面积。完整代码
时间: 2024-09-29 08:14:18 浏览: 12
在JavaScript中,你可以使用HTML元素构建一个简单的用户界面,并结合JavaScript的条件语句来完成这个任务。这里是一个基本的示例代码:
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Circle Calculator</title>
</head>
<body>
<label for="radius">请输入圆的半径:</label>
<input type="number" id="radius" name="radius" required>
<button onclick="calculate()">计算</button>
<p id="result"></p>
<script>
function calculate() {
var r = document.getElementById('radius').value;
if (Number.isNaN(r) || r <= 0) {
alert("输入错误,半径必须是正数");
} else {
var circumference = 2 * Math.PI * r;
var area = Math.PI * r * r;
// 渲染结果到页面上
document.getElementById('result').innerText = `半径: ${r}, 周长: ${circumference.toFixed(2)}, 面积: ${area.toFixed(2)}`;
}
}
</script>
</body>
</html>
```
在这个代码里:
1. 我们创建了一个`<input>`元素用于获取用户的半径输入。
2. 用户点击“计算”按钮时,会触发`calculate()`函数,获取输入框的内容并判断其是否为正数。
3. 如果输入合法,计算圆的周长和面积(公式分别为2πr和πr²),并将结果显示在id为`result`的`<p>`标签内。
4. 如果输入无效,会弹出警告提示。