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
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 |
<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
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 |
<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
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 |
<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
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<script> var ken1=Number(window.prompt('Küpün Kenarını Girin"')); //alan hesaplama var alan=ken1*ken1*ken1; window.alert("Hacim:"+alan); </script> |
