JavaScript: Üçgenin Alanını Hesaplama

Text kutusuna taban uzunluğu ve yüksekliği girilen üçgenin alanını hesaplayıp ekrana uyarı olarak veren program:

Nesneye olay atayarak javascript ile üçgenin alanını hesaplama;

document.getElementById ile nesne oluşturulduktan sonra oluşturulan nesnenin onclick niteliğine fonksiyon tanımlaması yaparak kullanma


<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=document.getElementById("kenar1").value;
var sayi2=document.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=document.getElementById("hesapla");

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

</script>

function hesapla(){

//text kutusu içindeki değerleri okuyup sayi1,sayi2 değişkenine aktarıyoruz.

var sayi1=document.getElementById("kenar1").value;

var sayi2=document.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=document.getElementById("hesapla");

//fonksiyonu olaya bağlıyoruz.

hesapBtn.onclick=hesapla;

</script>

[divider]

HTML etiketinin onclick özelliğine fonksiyon tanımlayarak javascript ile üçgenin alanını hesaplama;

Etiketin onclick niteliğine fonksiyon yazılarak kullanma


<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" onclick="hesapla()">
<script>


function hesapla(){
//text kutusu içindeki değerleri okuyup sayi1,sayi2 değişkenine aktarıyoruz.
var sayi1=document.getElementById("kenar1").value;
var sayi2=document.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);


}

</script>

function hesapla(){

//text kutusu içindeki değerleri okuyup sayi1,sayi2 değişkenine aktarıyoruz.

var sayi1=document.getElementById("kenar1").value;

var sayi2=document.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);

}

</script>

[divider]

AddEventListener kullanarak javascript ile üçgenin alanını hesaplama;

Nesne document.getElementById ile oluşturulduktan sonra nesnenin addEventListener işlevi ile tanımlayarak kullanma


<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=document.getElementById("kenar1").value;
var sayi2=document.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=document.getElementById("hesapla");

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


</script>

function hesapla(){

//text kutusu içindeki değerleri okuyup sayi1,sayi2 değişkenine aktarıyoruz.

var sayi1=document.getElementById("kenar1").value;

var sayi2=document.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=document.getElementById("hesapla");

//fonksiyonu olaya bağlıyoruz.

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

</script>

[divider]

window.prompt kullanarak javascript ile üçgenin alanını hesaplayan program;

prompt ve alert metodları ile çalıştırma örneği


<script>

var ken1=Number(window.prompt('Taban Uzunluğunu Girin'));
var ken2=Number(window.prompt('Yüksekliği Girin'));


//alan hesaplama
var alan=ken1*ken2/2;


window.alert("Alan:"+alan);
</script>

var ken1=Number(window.prompt('Taban Uzunluğunu Girin'));

var ken2=Number(window.prompt('Yüksekliği Girin'));

//alan hesaplama

var alan=ken1*ken2/2;

window.alert("Alan:"+alan);

</script>

JavaScript: Üçgenin Alanını Hesaplama

Nesneye olay atayarak javascript ile üçgenin alanını hesaplama;

HTML etiketinin onclick özelliğine fonksiyon tanımlayarak javascript ile üçgenin alanını hesaplama;

AddEventListener kullanarak javascript ile üçgenin alanını hesaplama;

window.prompt kullanarak javascript ile üçgenin alanını hesaplayan program;

İlgili

1 Yorum

Yorum Yap X

Nesneye olay atayarak javascript ile üçgenin alanını hesaplama;

HTML etiketinin onclick özelliğine fonksiyon tanımlayarak javascript ile üçgenin alanını hesaplama;

AddEventListener kullanarak javascript ile üçgenin alanını hesaplama;

window.prompt kullanarak javascript ile üçgenin alanını hesaplayan program;

Bunu paylaş:

İlgili

İlginizi Çekebilir

1 Yorum

Yorum Yap X