圆周长面积的计算,一个下拉列表框,用于选择计算圆的周长或者是面积,一个点击按钮进行计算。
也就是函数的调用
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>对象</title>
</head>
<body>
请输入圆的半径:<input type="text" name="radius" id="radius">
<select name="type" id="type">
<option value="circle">周长</option>
<option value="area">面积</option>
<option value="volume">体积</option>
</select>
<input type="button" value="计算" id="btnCal">
<script>
function getCircle(r) {
//计算周长
return 2 * Math.PI * Math.pow(r, 2);
}
function getArea(r) {
//计算面积
return Math.PI * Math.pow(r, 2);
}
function getVolume(r) {
//计算体积,为多写点代码
return (4 / 3) * Math.PI * Math.pow(r, 2);
}
var x = document.getElementById("btnCal");
x.onclick = function () {
var r = parseFloat(document.getElementById("radius").value);
var type = document.getElementById("type").value;
var result;
switch (type) {
case 'circle': result = getCircle(r); break;
case 'area': result = getArea(r); break;
case 'volume': result = getVolume(r); break;
default: result = 0;
}
alert("计算结果为" + result.toFixed(2));
}
</script>
</body>
</html>