Çemberin alanını ve çevresini hesaplamak için yazılabilecek bir kaç farklı kod örneği;
Form etiketi içine onclick olayı yazılarak yapılan dairenin çevresini ve alanını hesaplama örneği
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 |
<input type="text" id="ycap"> <input type="button" id="hesapla" value="HESAPLA" onclick="hesapla()"> <div id="sonuc">SONUC</div> <script> /*Yarı çapı girilen çemberin alanını ve çevresini hesaplayan fonksyion*/ function hesapla() { //text nesnesinin içindeki değeri okuyup sayısal değere çevirme var ycap=Number(document.getElementById("ycap").value); //sonuc divini okuma. bir sonraki aşamada innerHTML ile içine sonucu yazacağız. var sonuc=document.getElementById("sonuc"); //çemberin çevresini ve alanını hesaplama var alan=Math.PI*ycap*ycap; var cevre=Math.PI*ycap*2; //hesaplanan alanı ve çevreyi ekrana yazdırma sonuc.innerHTML="Çevre:"+cevre+"---- Alan:"+alan; } </script> |
Javascript ile butona olay atayıp çemberin çevresini ve alanını hesaplama programı;
|
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="ycap"> <input type="button" id="hesapla" value="HESAPLA" onclick="hesapla()"> <div id="sonuc">SONUC</div> <script> //javascript ile butonu seçip butona olay atama var hesaplaBtn=document.getElementById("hesapla"); hesaplaBtn.onclick=hesapla; /*Yarı çapı girilen çemberin alanını ve çevresini hesaplayan fonksyion*/ function hesapla() { //text nesnesinin içindeki değeri okuyup sayısal değere çevirme var ycap=Number(document.getElementById("ycap").value); //sonuc divini okuma. bir sonraki aşamada innerHTML ile içine sonucu yazacağız. var sonuc=document.getElementById("sonuc"); //çemberin çevresini ve alanını hesaplama var alan=Math.PI*ycap*ycap; var cevre=Math.PI*ycap*2; //hesaplanan alanı ve çevreyi ekrana yazdırma sonuc.innerHTML="Çevre:"+cevre+"---- Alan:"+alan; } </script> |
AddEventListener kullanarak dairenin çevresini ve alanını hesaplama örneği;
|
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="ycap"> <input type="button" id="hesapla" value="HESAPLA" onclick="hesapla()"> <div id="sonuc">SONUC</div> <script> //javascript ile butonu seçip butona olay atama var hesaplaBtn=document.getElementById("hesapla"); hesaplaBtn.addEventListener('click',hesapla,false); /*Yarı çapı girilen çemberin alanını ve çevresini hesaplayan fonksyion*/ function hesapla() { //text nesnesinin içindeki değeri okuyup sayısal değere çevirme var ycap=Number(document.getElementById("ycap").value); //sonuc divini okuma. bir sonraki aşamada innerHTML ile içine sonucu yazacağız. var sonuc=document.getElementById("sonuc"); //çemberin çevresini ve alanını hesaplama var alan=Math.PI*ycap*ycap; var cevre=Math.PI*ycap*2; //hesaplanan alanı ve çevreyi ekrana yazdırma sonuc.innerHTML="Çevre:"+cevre+"---- Alan:"+alan; } </script> |
window.promt ve window.alert kullanarak dairenin çevresini ve alanını hesaplama programı;
|
1 2 3 4 5 6 7 8 9 10 11 12 |
<script> var ycap=window.prompt('dairenin yarıçapını girin'); //çemberin çevresini ve alanını hesaplama var alan=Math.PI*ycap*ycap; var cevre=Math.PI*ycap*2; window.alert("Çevre:"+cevre+"---- Alan:"+alan); </script> |
