JavaScript: Küpün Hacmini Hesaplama

Text kutusuna bir kenar uzunluğu girilen küpün hacmini hesaplayan program:

 

Nesneye olay atayarak javascript ile küpün hacmini  hesaplama;

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

<input type="text" id="yaricap" placeholder="Küpün Kenarını Girin">
<input type="button" value="Hesapla" id="hesapla" >
<script>

function hesapla(){

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

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

// Küpün hacmi,bir ayrıtının küpüne eşittir.
var hacim=sayi*sayi*sayi;

//ondalıklı kısımda 2 basamak gösterme
hacim=hacim.toFixed(2);
alert("Küpün Hacmi: "+hacim +" birim küp");

}

//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 küpün hacmini  hesaplama;

Etiketin onclick niteliğine fonksiyon yazılarak kullanma

<input type="text" id="yaricap" placeholder="Küpün Kenarını Girin">
<input type="button" value="Hesapla" id="hesapla" onclick="hesapla()">
<script>

function hesapla(){

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

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

// Küpün hacmi,bir ayrıtının küpüne eşittir.
var hacim=sayi*sayi*sayi;

//ondalıklı kısımda 2 basamak gösterme
hacim=hacim.toFixed(2);
alert("Küpün Hacmi: "+hacim +" birim küp");

}

</script>

[divider]

AddEventListener kullanarak javascript ile küpün hacmini  hesaplama;

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

<input type="text" id="yaricap" placeholder="Küpün Kenarını Girin">
<input type="button" value="Hesapla" id="hesapla" >
<script>

function hesapla(){

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

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

// Küpün hacmi,bir ayrıtının küpüne eşittir.
var hacim=sayi*sayi*sayi;

//ondalıklı kısımda 2 basamak gösterme
hacim=hacim.toFixed(2);
alert("Küpün Hacmi: "+hacim +" birim küp");

}

//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 küpün hacmini  hesaplama;

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

<script>
var ken1=Number(window.prompt('Küpün Kenarını Girin"'));


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


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

</script>