JavaScript Dikdörtgen Alan ve Çevre Hesaplama

JavaScript ile input kontrolü ile kısa kenarı ve uzun kenarı kullanıcıdan alınan dikdörtgenin alanı ve çevresini hesaplayarak, sonucu oluşturulan div içinde gösteren örnek.

HTML + JavaScript Kodları:


<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>algoritmaornekleri.com</title>
</head>

<body>
	<h2>Dikdörtgen Alan ve Çevre Hesapla</h2>
	<input placeholder="Kısa Kenarı Girin" type="text" id="txtKisa">
	<input placeholder="Uzun Kenarı Girin" type="text" id="txtUzun">
	<button id="btn">HESAPLA</button>
	<div id="sonucAlan"></div>
	<div id="sonucCevre"></div>
	
	<script>
		function Hesapla()
		{
			var kk=Number(document.getElementById("txtKisa").value);
			var uk=Number(document.getElementById("txtUzun").value);
			var alan=kk*uk;
			var cevre=(kk+uk)*2;
			document.getElementById("sonucAlan").innerHTML="Alan : "+alan;
			document.getElementById("sonucCevre").innerHTML="Çevre : "+cevre;
		}
		
		var hesapBtn=document.getElementById("btn");
		hesapBtn.onclick=Hesapla;
		
	</script>
	
</body>
</html>