Klavyeden diziye eklenen 10 sayıdan en küçüğünü bulup ekrana yazdıran 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 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 |
<!doctype html> <html> <head> <meta charset="utf-8"> <title>Klavyeden girilen en büyük ve en küçük sayılar</title> </head> <body> <script> /*Klavyeden girilen 10 sayıyı bir diziye atıp dizi içindeki en büyük ve en küçük sayıyı bulan program*/ var enbuyuk,enkucuk; var dizi=new Array(); for(var i=0;i<10;i++) { //kullanıcıdan sayı alma var sayi=Number(window.prompt("Bir sayı giriniz",0)); //alınan sayıyı diziye aktarma dizi.push(sayi); } /* büyük ve küçük sayıyı bulmadan önce büyük ve küçük sayının dizinin ilk sayısı olduğunu varsayıyoruz.*/ enkucuk=dizi[0]; enbuyuk=dizi[0]; for(var i=0;i<10;i++) { if(dizi[i]>enbuyuk) { enbuyuk=dizi[i]; } if(dizi[i]<enkucuk) { enkucuk=dizi[i]; } } document.write("en büyük sayı:"+enbuyuk+"<br>"); document.write("en büyük sayı:"+enkucuk+"<br>"); </script> </body> </html> |
Diziye eklenen sayılardan en küçük ve en büyük sayıyı bulmak için form nesneleri kullanılarak yapılan bir örnek. Örnek ile ilgili bilinmesi gerekenler. javascript click olayı, innerHTML, form value, focus, fonksiyon oluşturma, documentGetElementById kavramlarıdır.
|
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 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 |
<!doctype html> <html> <head> <meta charset="utf-8"> <title>Klavyeden girilen en büyük ve en küçük sayılar</title> </head> <body> <input type="text" id="sayi"> <input type="button" id="ekle" value="Diziye Ekle"> <input type="button" id="goster" value="DİZİDEKİ SAYI ADEDİ:0"> <br> <div id="sonuc"> </div> <script> /*Klavyeden girilen 10 sayıyı bir diziye atıp dizi içindeki en büyük ve en küçük sayıyı bulan program*/ var enbuyuk,enkucuk; var dizi=new Array(); var sayiNesne=document.getElementById("sayi"); var ekleBtn=document.getElementById("ekle"); var gosterBtn=document.getElementById("goster"); //ekle butonuna basınca çalışacak kodları ifade eder. ekleBtn.onclick=function(){ /*diziye ekleme işlemi yapılıyor.*/ var sayi=Number(sayiNesne.value); dizi.push(sayi); /*sayı girilen nesneye odaklanıp içini boşaltıyor.*/ sayiNesne.focus(); sayiNesne.value=""; /*dizideki nesne sayısını gösteren buton*/ gosterBtn.value="dizideki sayı adedi:"+dizi.length; /*dizi sayısı 10 olduğunda tıklama olayını kapatıp. buyukKucukGoster metodunu çalıştırıyor.*/ if(dizi.length>=10) { ekleBtn.disabled="disabled"; buyukKucukGoster(); } } function buyukKucukGoster(){ /* büyük ve küçük sayıyı bulmadan önce büyük ve küçük sayının dizinin ilk sayısı olduğunu varsayıyoruz.*/ enkucuk=dizi[0]; enbuyuk=dizi[0]; for(var i=0;i<10;i++) { if(dizi[i]>enbuyuk) { enbuyuk=dizi[i]; } if(dizi[i]<enkucuk) { enkucuk=dizi[i]; } } /*Büyük küçük sayılarının gösterildiği div etiketini ifade ediyor.*/ var sonuc= document.getElementById("sonuc"); sonuc.innerHTML="<h1>En Büyük Sayı:"+enbuyuk+"</h1>"+ "<h1>En Küçük Sayı:"+enkucuk+"</h1>"; } </script> </body> </html> |
