1. 程式人生 > >js編寫計算圓周長和麵積

js編寫計算圓周長和麵積

編寫HTML表單用於顯示使用者輸入的半徑,以及對應的周長和麵積。

下面是js程式碼,"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>