<!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>