【玛卜码】计算圆周长和面积

1239 05-10

编写HTML表单用于显示用户输入的半径，以及对应的周长和面积。

"Math.PI"表示一个圆的周长与直径的比例，即π约为3.14159。toFixed(2)方法表示保留2位小数。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>计算圆的周长和面积</title>
	</head>
	<body>
		<div>
			<p>圆的半径：<input id="r" type="text"></p>
			<p>圆的周长：<input id="cir" type="text"></p>
			<p>圆的面积：<input id="area" type="text"></p>
		</div>
		<script>
			var r = prompt("请输入圆的半径");
			r=parseFloat(r) && Number(r);//获取输入的纯数字,其余情况皆转换为NaN
			
			if(!isNaN(r)){//判断用户输入的是否为数值
				var area=Math.PI*r*r;
				var cir=2*Math.PI*r;
				
				document.getElementById('r').value= r;
				document.getElementById('cir').value=cir.toFixed(2);
				document.getElementById('area').value=area.toFixed(2);
			}else{
				alert("请输入正确的数字")
			}
		</script>
	</body>
</html>

标签： JavaScript