Javascript ders 8 - Karenin Alanı , Çevresini ve Üçgenin Alanını Hesaplama/1974

1974

Üye
16 Mar 2018
182
1
Javascript ders 8 - Karenin Alanı , Çevresini ve Üçgenin Alanını Hesaplama/1974
JavaScript ile Kenar uzunluğu girilen karenin çevresini ve alanını hesaplayan örnek uygulama.

Alan=a*a
Çevre=4*a


Kod:
<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=********.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=********.getElementById("hesapla");
 
//fonksiyonu olaya bağlıyoruz.
hesapBtn.onclick=hesapla;
 </script>

javascript_kare_alan.jpg



Üçgenin Alanını Hesaplama

JavaScript ile taban alanı ve yüksekliği kullanıcıdan istenen ve grilen bu değerler sonucu üçgenin alanını hesaplayıp ekranda gösteren uygulamayı kodlayalım.



Kodlarımızı yazmak için boş bir metin dosyası oluşturarak aşağıdaki kodları yazıyoruz.


Kod:
<input type="text" id="kenar1" placeholder="Taban Uzunluğunu Girin">
<input type="text" id="kenar2" placeholder="Yüksekliği Girin">
<input type="button" value="Hesapla" id="hesapla">
<script>
 
 
function hesapla(){
//text kutusu içindeki değerleri okuyup sayi1,sayi2 değişkenine aktarıyoruz.
var sayi1=********.getElementById("kenar1").value;
var sayi2=********.getElementById("kenar2").value;
 
//text kutusuna girilen değerler metinsel türdedir. Hesaplama yapabilmek için sayıya çeviriyoruz.
sayi1=Number(sayi1);
sayi2=Number(sayi2);
 
var alan=sayi1*sayi2/2;
alert("Üçgenin alanı:"+alan);
}
 
//hesaplama yapması için hesap butonunu seçiyoruz.
var hesapBtn=********.getElementById("hesapla");
 
//fonksiyonu olaya bağlıyoruz.
hesapBtn.onclick=hesapla;
 
</script>

Daha sonra metin dosyamıza ait txt olan uzantısını html olarak değiştiriyoruz ve çalıştırıyoruz.


DİĞER JAVASCRİPT YAZILARIM --> 1 , 3 , 4 , 5 , 6 , 7 , 8







 
Son düzenleme:
Üst

Turkhackteam.org internet sitesi 5651 sayılı kanun’un 2. maddesinin 1. fıkrasının m) bendi ile aynı kanunun 5. maddesi kapsamında "Yer Sağlayıcı" konumundadır. İçerikler ön onay olmaksızın tamamen kullanıcılar tarafından oluşturulmaktadır. Turkhackteam.org; Yer sağlayıcı olarak, kullanıcılar tarafından oluşturulan içeriği ya da hukuka aykırı paylaşımı kontrol etmekle ya da araştırmakla yükümlü değildir. Türkhackteam saldırı timleri Türk sitelerine hiçbir zararlı faaliyette bulunmaz. Türkhackteam üyelerinin yaptığı bireysel hack faaliyetlerinden Türkhackteam sorumlu değildir. Sitelerinize Türkhackteam ismi kullanılarak hack faaliyetinde bulunulursa, site-sunucu erişim loglarından bu faaliyeti gerçekleştiren ip adresini tespit edip diğer kanıtlarla birlikte savcılığa suç duyurusunda bulununuz.