Javascript: Dairenin Çevresini ve Alanını Hesaplama

Çemberin alanını ve çevresini hesaplamak için yazılabilecek bir kaç farklı kod örneği;

Form etiketi içine onclick olayı yazılarak yapılan dairenin çevresini ve alanını hesaplama örneği

<input type="text" id="ycap">
<input type="button" id="hesapla" value="HESAPLA" onclick="hesapla()">
<div id="sonuc">SONUC</div>
<script>

/*Yarı çapı girilen çemberin alanını ve çevresini hesaplayan fonksyion*/
function hesapla()
{
//text nesnesinin içindeki değeri okuyup sayısal değere çevirme
var ycap=Number(document.getElementById("ycap").value); 
//sonuc divini okuma. bir sonraki aşamada innerHTML ile içine sonucu yazacağız.
var sonuc=document.getElementById("sonuc");

//çemberin çevresini ve alanını hesaplama
var alan=Math.PI*ycap*ycap;
var cevre=Math.PI*ycap*2;

//hesaplanan alanı ve çevreyi ekrana yazdırma
sonuc.innerHTML="Çevre:"+cevre+"---- Alan:"+alan;

}
</script>

Javascript ile butona olay atayıp çemberin çevresini ve alanını hesaplama programı;

<input type="text" id="ycap">
<input type="button" id="hesapla" value="HESAPLA" onclick="hesapla()">
<div id="sonuc">SONUC</div>
<script>

//javascript ile butonu seçip butona olay atama
var hesaplaBtn=document.getElementById("hesapla"); 
hesaplaBtn.onclick=hesapla;

/*Yarı çapı girilen çemberin alanını ve çevresini hesaplayan fonksyion*/
function hesapla()
{
//text nesnesinin içindeki değeri okuyup sayısal değere çevirme
var ycap=Number(document.getElementById("ycap").value); 
//sonuc divini okuma. bir sonraki aşamada innerHTML ile içine sonucu yazacağız.
var sonuc=document.getElementById("sonuc");

//çemberin çevresini ve alanını hesaplama
var alan=Math.PI*ycap*ycap;
var cevre=Math.PI*ycap*2;

//hesaplanan alanı ve çevreyi ekrana yazdırma
sonuc.innerHTML="Çevre:"+cevre+"---- Alan:"+alan;

}
</script>

AddEventListener kullanarak dairenin çevresini ve alanını hesaplama örneği;

<input type="text" id="ycap">
<input type="button" id="hesapla" value="HESAPLA" onclick="hesapla()">
<div id="sonuc">SONUC</div>
<script>

//javascript ile butonu seçip butona olay atama
var hesaplaBtn=document.getElementById("hesapla"); 
hesaplaBtn.addEventListener('click',hesapla,false);

/*Yarı çapı girilen çemberin alanını ve çevresini hesaplayan fonksyion*/
function hesapla()
{
//text nesnesinin içindeki değeri okuyup sayısal değere çevirme
var ycap=Number(document.getElementById("ycap").value); 
//sonuc divini okuma. bir sonraki aşamada innerHTML ile içine sonucu yazacağız.
var sonuc=document.getElementById("sonuc");

//çemberin çevresini ve alanını hesaplama
var alan=Math.PI*ycap*ycap;
var cevre=Math.PI*ycap*2;

//hesaplanan alanı ve çevreyi ekrana yazdırma
sonuc.innerHTML="Çevre:"+cevre+"---- Alan:"+alan;

}
</script>

window.promt ve window.alert kullanarak dairenin çevresini ve alanını hesaplama programı;

<script>

var ycap=window.prompt('dairenin yarıçapını girin');

//çemberin çevresini ve alanını hesaplama
var alan=Math.PI*ycap*ycap;
var cevre=Math.PI*ycap*2;

window.alert("Çevre:"+cevre+"---- Alan:"+alan);
</script>