本文介绍了一个简单的HTML页面，该页面利用JavaScript实现了根据输入的圆半径来计算并显示圆的面积与周长的功能。当用户输入半径并点击按钮后，系统会检查输入的有效性，并给出相应的计算结果。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<input type="text" id="radius" value="" />
<input type="button" id="btn1" value="面积" />
<input type="button" id="btn2" value="周长" />
<script type="text/javascript">
var oRadius = document.getElementById("radius");
var oBtn1 = document.getElementById("btn1");
var oBtn2 = document.getElementById("btn2");
oBtn1.onclick = function() {
if (oRadius.value < 0 || isNaN(oRadius.value)) {
alert("请输入大于0的数字");
} else {
var S = Math.PI * oRadius.value * oRadius.value;
alert("面积=" + S);
}
}
oBtn2.onclick = function() {
if (oRadius.value < 0 || isNaN(oRadius.value)) {
alert("请输入大于0的数字");
} else {
var L = 2 * Math.PI * oRadius.value;
alert("周长=" + L);
}
}
</script>
</body>
</html>
扫一扫
3万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
