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>

<!doctype html>

<html>

<head>

<title>algoritmaornekleri.com</title>

</head>

<body>

<h2>Dikdörtgen Alan ve Çevre Hesapla</h2>

<button id="btn">HESAPLA</button>

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>

Ekran Çıktısı:

İlgili

JavaScript Dikdörtgen Alan ve Çevre Hesaplama

İlgili

About the author

admin

Add Comment

Cancel reply

Bunu paylaş:

İlgili

You may also like

About the author

admin

Add Comment