Javascript: Karenin Çevresini ve Alanını Hesaplama

Text kutusuna bir kenarı girilen karenin çevresini ve alanını hesaplayıp ekrana uyarı olarak veren program:

Nesneye olay atayarak javascript ile karenin çevresini ve alanını hesaplama;

document.getElementById ile nesneyi seçip, seçilen nesnenin onclick işlevine hesapla adında oluşturulan fonksiyon ilişkilendirilmektedir. Kenar değerinin kuma işleminde okunan değer string türünden number türüne çevrilip karenin çevresi ve alanı hesaplanmıştır.


<input type="text" id="kenar" placeholder="Kenarı girin">
<input type="button" value="Hesapla" id="hesapla">
<script>
//fonksiyonu tanımladık.
function hesapla(){
//text kutusu içindeki değeri okuyup sayi değişkenine aktarıyoruz.
var sayi=document.getElementById("kenar").value;

//text kutusuna girilen değerler metinsel türdedir. Hesaplama yapabilmek için sayıya çeviriyoruz.
sayi=Number(sayi);

var alan=sayi*sayi;
var cevre=sayi*4;
alert("Karenin alanı:"+alan+" \n Karenin çevresi:"+cevre);


}


//hesaplama yapması için hesap butonunu seçiyoruz.
var hesapBtn=document.getElementById("hesapla");

//fonksiyonu olaya bağlıyoruz.
hesapBtn.onclick=hesapla;


</script>

//fonksiyonu tanımladık.

function hesapla(){

//text kutusu içindeki değeri okuyup sayi değişkenine aktarıyoruz.

var sayi=document.getElementById("kenar").value;

//text kutusuna girilen değerler metinsel türdedir. Hesaplama yapabilmek için sayıya çeviriyoruz.

sayi=Number(sayi);

var alan=sayi*sayi;

var cevre=sayi*4;

alert("Karenin alanı:"+alan+" \n Karenin çevresi:"+cevre);

}

//hesaplama yapması için hesap butonunu seçiyoruz.

var hesapBtn=document.getElementById("hesapla");

//fonksiyonu olaya bağlıyoruz.

hesapBtn.onclick=hesapla;

</script>

[divider]

HTML etiketinin onclick özelliğine fonksiyon tanımlayarak javascript ile karanin çevresini ve alanını hesaplama;

En eski yöntemlerden biri olan HTML nesnesinin olay niteliğine fonksiyon tanımlayarak hesaplama işlemi yapılmaktadır. Kenar değerinin kuma işleminde okunan değer string türünden number türüne çevrilip karenin çevresi ve alanı hesaplanmıştır.


<input type="text" id="kenar" placeholder="Kenarı girin">
<input type="button" value="Hesapla" id="hesapla" onclick="hesapla()">
<script>
//fonksiyonu tanımladık.
function hesapla(){
//text kutusu içindeki değeri okuyup sayi değişkenine aktarıyoruz.
var sayi=document.getElementById("kenar").value;

//text kutusuna girilen değerler metinsel türdedir. Hesaplama yapabilmek için sayıya çeviriyoruz.
sayi=Number(sayi);

var alan=sayi*sayi;
var cevre=sayi*4;
alert("Karenin alanı:"+alan+" \n Karenin çevresi:"+cevre);

}


</script>

//fonksiyonu tanımladık.

function hesapla(){

//text kutusu içindeki değeri okuyup sayi değişkenine aktarıyoruz.

var sayi=document.getElementById("kenar").value;

//text kutusuna girilen değerler metinsel türdedir. Hesaplama yapabilmek için sayıya çeviriyoruz.

sayi=Number(sayi);

var alan=sayi*sayi;

var cevre=sayi*4;

alert("Karenin alanı:"+alan+" \n Karenin çevresi:"+cevre);

}

</script>

[divider]

AddEventListener kullanarak javascript ile karenin çevresini ve alanını hesaplayan program;

Nesne getElementById ile seçildikten sonra DOM nesnelerinin olay dinleyicisi olan addEventListener ile nesnenin click olayına hesapla metodu bağlanmaktadır. Kenar değerinin kuma işleminde okunan değer string türünden number türüne çevrilip karenin çevresi ve alanı hesaplanmıştır.


<input type="text" id="kenar" placeholder="Kenarı girin">
<input type="button" value="Hesapla" id="hesapla">
<script>
//fonksiyonu tanımladık.
function hesapla(){
//text kutusu içindeki değeri okuyup sayi değişkenine aktarıyoruz.
var sayi=document.getElementById("kenar").value;

//text kutusuna girilen değerler metinsel türdedir. Hesaplama yapabilmek için sayıya çeviriyoruz.
sayi=Number(sayi);

var alan=sayi*sayi;
var cevre=sayi*4;
alert("Karenin alanı:"+alan+" \n Karenin çevresi:"+cevre);


}


//hesaplama yapması için hesap butonunu seçiyoruz.
var hesapBtn=document.getElementById("hesapla");

//fonksiyonu olaya bağlıyoruz.
hesapBtn.addEventListener('click',hesapla,false);


</script>

//fonksiyonu tanımladık.

function hesapla(){

//text kutusu içindeki değeri okuyup sayi değişkenine aktarıyoruz.

var sayi=document.getElementById("kenar").value;

//text kutusuna girilen değerler metinsel türdedir. Hesaplama yapabilmek için sayıya çeviriyoruz.

sayi=Number(sayi);

var alan=sayi*sayi;

var cevre=sayi*4;

alert("Karenin alanı:"+alan+" \n Karenin çevresi:"+cevre);

}

//hesaplama yapması için hesap butonunu seçiyoruz.

var hesapBtn=document.getElementById("hesapla");

//fonksiyonu olaya bağlıyoruz.

hesapBtn.addEventListener('click',hesapla,false);

</script>

[divider]

window.prompt kullanarak javascript ile karenin çevresini ve alanını hesaplayan program;

Kullanıcıdan sayfa açıldığında uyarı olarak kenar değeri alındıktan sonra hesaplama işlemi yapılan işlem sonucu yine uyarı olarak geriye döndürülmektedir.


<script>

var kare=Number(window.prompt('karenin bir kenarını giriniz'));

//çemberin çevresini ve alanını hesaplama
var alan=kare*kare;
var cevre=kare*4;

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

var kare=Number(window.prompt('karenin bir kenarını giriniz'));

//çemberin çevresini ve alanını hesaplama

var alan=kare*kare;

var cevre=kare*4;

window.alert("Çevre:"+cevre+"---- Alan:"+alan);

</script>

İlgili

Yorum

Melike K. dedi ki:

Mayıs 5, 2016, 4:23 pm

Oncelikle ornekler icin teşekkür ederim. Ben bu işe yeni başladım sayilir. Javascriptte textboxa sadece sayi girişi yapilmasini istiyorum. Yardimci olursaniz sevinirim.

Cevapla
- admin dedi ki:
  
  Mayıs 6, 2016, 2:26 pm
  
  Bu adresten istediğiniz cevaba ulaşabilirsiniz.
  https://www.yazilimbilisim.net/javascript/javascript-ornekleri-pdf-2/
  
  Cevapla
soner dedi ki:

Mart 13, 2016, 8:44 pm

diğer matematiksel formulleri de aylaşacak mısınız ? Teşekkrler

Cevapla
Yusuf dedi ki:

Mart 8, 2016, 5:01 pm

güzel yazı

Cevapla

Nesneye olay atayarak javascript ile karenin çevresini ve alanını hesaplama;

[divider]

HTML etiketinin onclick özelliğine fonksiyon tanımlayarak javascript ile karanin çevresini ve alanını hesaplama;

AddEventListener kullanarak javascript ile karenin çevresini ve alanını hesaplayan program;

window.prompt kullanarak javascript ile karenin çevresini ve alanını hesaplayan program;

Bunu paylaş:

İlgili

İlginizi Çekebilir

Yorum

Yorum Yap X