37 tane "javascript" etiketli yazı bulundu (sayfa 1)
"javascript" tagli diger ogeler resimler
,
videolar15 Nisan 2008 14:41 · Doğan
· Etiketler
javascript
Bir program yazıyorsanız mutlaka bir çok yerde bazı kararların verilmesi ve programın buna göre yönlendirilmesini isteyeceksiniz. Bunu için javaScriptta şartlı işlemleri daha önce görmüştük. Şimdi ise if…else ve switch komutlarını göreceğiz.
if…else komutu
Programda belli bir yere geldiniz. Elinizdeki değişkenin değerine göre hareket etmeniz gerekiyor. Değişken belli bir limiti aştı ise belli bir işlem limiti aşmadı ise farklı bir işlem yapılması gerekiyor. İşte bu durumda if…else karar komutlarını kullanmanız gerekiyor.
if( durum > limit ) { ekrana limiti aştığımızı yaz;
durum değişkenini sıfırla; kontrol fonksiyonuna git; }else
{ durum degiskeninin artır; kontrol fonksiyonuna git; }
Yukarıda basit bir kontrol tanımlaması gördük. Burada şartımız doğru(true) ise yani durum değişkeni limit değerini aşmış ise hemen altındaki program bloğu çalışacaktır. Program bloğundan kastımız { } parantezleri arasında kalan bölümlerdir.
Eğer durum değişkeni limit değişkeninden küçük ise yani sonuç false ise else komutundan sonra gelen program bloğu çalışacaktır. else program bloğu seçimliktir. Şartımız olumsuz bir sonuç verince yeni bir işlem yapmamız gerekiyorsa kullanacağız. Aksi durumda kullanmamıza gerek yok.
else tanımlamasını yapmadığımız zaman kontrol sonucu false çıktığında hemen if bloğundan sonraki komutlar çalışacaktır.
Kısaca tanımlamak gerekirse if(şart) { } şelinde bir kullanımda şartın sonucu true çıkarsa bloktaki komutlar çalışacak; aksi halde şartın sonucu false çıkarsa if komutundan sonraki komutlar işleyecek if komutunun bloğu çalışmayacaktır.
if(şart) { } else { } şeklinde ise şartın sonucu true ise if komutunun bloğu çalışacak ve else bölümü atlanarak program devam edecektir. Aksi halde şartın sonucu false çıkarsa if komutunun bloğu atlanacak ve else komutunun bloğu işleyecek ve program akışına devam edecektir.
10 Nisan 2008 16:27 · Doğan
· Etiketler
javascript
Stringler belli bir karekter katarını ifade eden değişkenlerdir. Bu değiken değerleri ” “Çift tırnak veya ‘ ‘ tek tırnak karekterleri arasına yazılır. var adınız=”Selami Demir”; veya
var e-mail=’
10 Nisan 2008 16:26 · Doğan
· Etiketler
javascript
Değişkenleri ayrıca bulundukları yere göre de sıralandıracağız. Bu konuya dikkat edin. Değişkenler global ve yerel olarak iki sınıfa ayrılırlar. Global diye adlandırdığımız değişkenlere programın her yerinden ulaşabiliriz. Yerel değişkenlere ise sadece bulundukları program bloğundan ulaşabiliriz.
Bir fonksiyonun içinde tanımlana bir değişken yerel bir değişkendir. Bir program bloğunun içinde tanımlanan bir değişken (mesela for döngüsü içinde) yerel bir değişkendir. Bu değişkenlere sadece bulundukları bloktan ulaşabiliriz.
Script tagından sonra tanımlanan değişkenler ise global değişkenlerdir. Hiç bir bloğa veya fonksiyona ait değillerdir. Bu değişkenlere programın her yerinden ulaşılabilir.
Global bir değişkenler aynı adı taşıyan bir yerel değişken olduğunda yerel değişkenin olduğu blokta yerel değişken geçerli olur.
<HTML><HEAD><TITLE>Değişken kullanımı</TITLE><SCRIPT language="JavaScript"><!-- Scripti gizle// global değişkenleri tanımlayalımvar globalDegisken1="Bu bir global değişkendir.";var globalDegisken2=100;var globalDegisken3="Bu bir global değişkendir.";//global değişkenleri ekrana basalımdocument.write("<U>Global Değişkenler</U><BR>");document.write("globalDegisken1 = "+globalDegisken1+"<BR>");document.write("globalDegisken2 = "+globalDegisken2+"<BR>");document.write("globalDegisken3 = "+globalDegisken3+"<BR>");document.write("<HR>");function yerel(){//yerel değişkenleri tanımlayalımvar yerelDegisken1="Bu bir yerel değişkendir.";var yerelDegisken2=200;//globalDegisken3 adlı bir yerel değişken tanımlıyoruz.//Aynı adla bir de global değişken tanımlamıştık.var globalDegisken3="Bu bir yerel değişkendir.";//yerel değişkenleri ekrana basalımdocument.write("<U>Yerel Değişkenler</U><BR>");document.write("yerelDegisken1 = "+yerelDegisken1+"<BR>");document.write("yerelDegisken1 = "+yerelDegisken1+"<BR>");document.write("globalDegisken3 = "+globalDegisken3+"<BR>");}yerel();// gizleme sonu --></SCRIPT></HEAD><BODY></BODY></HTML>
Burada global olarak tanımladığımız globalDegisken3′le aynı adla birde yerel değişken tanımladığımıza dikkat edin. globalDegisken3 adlı yerel değişkeni bulunduğu alanda kullandığımızda globalDegisken3 adlı global değişken hükmünü o blok için yitirecektir. Fakat değerini korur.
Bir global değişken programın her fonksionunda, her bloğunda kullanılabilir. Bir şartla aynı isimde bir yerel değişken olmayacak.
Yerel değişkenler sadece bulundukları alanda kullanılırlar. Diğer alanlarda kullanılırsa program hata verecektir.
10 Nisan 2008 16:26 · Doğan
· Etiketler
javascript
Program yapmak demek belli bir sırada veya şartlara göre işlemleri sıralamak demektir. Yapacağımız işe göre belli sıralarda işlemleri sıralarız.
Bir programcı bilgisayara birşeyler yaptıracaksa bunları kendi mantığına göre işlemler zinciri kurarak programlar.
Burada işlem(operator) kavramı ortaya çıkar. Değişik amaçlara uygun bir çok operator göreceğiz. Bunlardan bazıları bir atama yapar, bazıları karşılaştırma yapar ve bir sonuç üretir, bazıları aritmetik işlemler yapar.Atama Operatorü
Atama operatörü eşittir = işaretidir. Atama yapacağımız değişkenin adını sola yazarız. Yanına atama operatorünü yani = yazarız. Atama operatorünün sağınada atanacak değeri yazarız.
adı="selami";yol=15;toplamKilo=toplam+34;agaclar[11]="Çam";dogrumu=true;
şeklinde bir kaç atama örneği sıralayabiliriz.
Atama yaparken dikkat etmemiz gereken bir kaç konu var:
- Atam yapacağımız değişkenin değerine uygun bir değer atamak;
String değişkene sayısal bir değer atayamazsınız. Böyle bir durumda program çalışırken hata varir.
- Değişkenin adı sola yazılmalıdır. Eğer sola değer sağa değişken adı aktarırsanız hata oluşur.
- Bir değişken tanımlanırken bir değer atanabilir.
10 Nisan 2008 16:26 · Doğan
· Etiketler
javascript
JavaScripte kullandığımız bir diğer değişken ise boolean değişkenlerdir. Bu değişkenler sadece 1 yani doğru, 0 yani yanlış değeri alırlar. Ayrıca doğru için true yanlış için ise false değerini alırlar.
Mantıksal değişkenleri kontrol amacıyla kullanacağız. Bir karşılaştırmanın sonucu doğru ise true veya 1, yanlışsa false veya 0 değerini verir.
Dizi(Array) Değişkenler
Dizi kavramını matematikten biliyoruz. Aynı özelliklere sahip bir çok elemandan oluşan kümelerdir. JavaScripte de aynı özelliklere sahip elemanların oluşturduğu nesnelere verilen ad dizi(Array)dir. Evet javaScript dizileri nesne olarak kabul eder. Nesne kavaramını daha sonra inceleyeceğiz.
Dizi kavamını bir örnekte sıralayalım. Mesela otomobiller genel olarak bir guruptur. Biz otombillerden oluşan bir liste yapmak istediğimizde onları sıralarız. Mersedes, doğan, şahin, wosvogen, reno9, toyoto corolla, vs gibi. Bunları ayrı ayrı değişkenlere atadığımızda bir çok değişken tanımlamamız gerekir. Fakat dizi olarak tanımlarsak tek bir dizi tanımlamamız yeterli olacaktır. Bu bize programlamada büyük bir kolaylık getirir. Diziler nesne olduğundan onların üzerinde bir çok işlemide gerçekleştirebiliriz. Bir dizi oluşturalım:
var otomobiller=new Array(”Mersedes”, “doğan”, “şahin”, “wosvogen”, “reno9″, “toyoto corolla”)
Artık bir otomobiller dizimiz oldu. Bu dizi üzerinde bir çok işlem yapabiliriz. Dizi değişkenlere ulaşmamız için dizi indexinden faydalanırız. Diziler sıfır(0)dan başlar ve son elemana kadar ulaşır. Dizinin ilk elemanını ulaşmak için otomobiller[0] yazmamız yeterli olacaktır. Bu bize Mersedes değerini verecektir.
Altı elemanlı otomobiller dizisinin son elemanı otomobiler[5] yani toyoto corolladır. Bu konuya dikkat edelim.
Dizi değişkenlerin kaç elemanı olduğunu bulmak için diziAdı.length metodunu kullanıyoruz. Mesela oluşturduğumuz otomobiler dizisinin kaç elemanı olduğunu bulmak için otomobiller.length şeklinde bir kullanım yeterli olmaktadır. Dizileri kullanarak bir program yapalım.
<HTML><HEAD><TITLE>Değişken kullanımı</TITLE><SCRIPT language="JavaScript"><!-- Eski browserlerden gizle // dizimizi oluşturalım var otomobiller=new Array("Mersedes","doğan","şahin","wosvogen","reno9","toyoto corolla"); // dizinin eleman sayısını bulalım var diziUzunluk=otomobiller.length; //dizinin adını ekrana bastıralım document.write("Dizinin adı = otomobiller"+"<BR>"); //dizi eleman sayısını ekrana bastıralım document.write("Dizinin uzunluğu = "+diziUzunluk+"<BR>"); //dizi elemanlarını ekrana bastıralım document.write("Dizinin elemanları :"+"<BR>"); for(var a=0 ; a < diziUzunluk ; a++) { document.write(otomobiller[a]+"<BR>"); }// Gizleme sonu --></SCRIPT></BODY></HTML>
10 Nisan 2008 16:25 · Doğan
· Etiketler
javascript
Aritmatik işlemler olan toplama, çıkarma, bölme, çarpma işlemlerini javaScriptte kullanabiliriz. JavaScripte bu dört işlemi kolayca kullanabileceğiz.
Toplama için kullanacağımız işaret + işaretidir. Çıkarma için -, bölme için / va çarpma içinse * işaretidir. Matematiksel işlemlerin genel kullanımı:
toplam=123+34;kalanMiktar=2345-345;bolum=345/23;genel=234*12;
gibi. JavaScript + işaretini gördüğünde bu işaretin sağındaki ve solundaki değerleri toplar ve = işaretinin solundaki değişkene aktarır.
Diğer aritmatiksel işlemlerde de böyledir. Fakat bazı durumlarda bir değişkeni bir birim (1) artırmak veya eksiltmek istenebilir. Bu durumlarda; deger++ şeklinde bir kullanım gerekir. Bu kullanım deger=deger+1; şeklinde kullanımın kısaltılmışıdır. Yine deger– ise deger=deger-1; şeklindeki bir kullanımın kısaltılmışıdır.Yine toplama ve çıkarmada yapabileceğimiz bir diğer kısaltma ise:
toplam=toplam+deger; şeklinde ki bir kullanımda toplam+=deger;
kalan=kalan-deger; şeklinde ki bir kullanımda kalan-=deger; şeklindedir.
Bir değişkenin değerinin negatif olamsını istiyorsak atama yaparken değerin başına - işaretini getirmemiz yeterli olacaktır. durum=-20; gibi.
String İşlemler
Stringler üzerinde işlem yapan operatorümüz + dir. Bu operatör strinkleri birleştirir. Elimizde iki string değişken olsun bunlar + operatorünü uygulayalım ve sonucu görelim.
var adi="Mehmet";var soyAdi="Deprem";var sonuc=adi+" "+soyAdi;
10 Nisan 2008 16:25 · Doğan
· Etiketler
javascript
Programlama yaparken en çok kullanacağımız işlem belkide karşılaştırmadır. Bilgisayara bir şeyler yaptırırken şu şekildeyse şunu yap aksi halde bunu yap şeklinde kullanımlar hazırlayacağımız programın mantığını oluşturacaktır. Bu şekilde bilgisayar yeri geldiğinde kararverebilecektir.
Karşılaştırma işelemlerini if, for, do gibi methodlarda kullanacağız. Karşılaştırma operatorlerini görelim.
Karşılaştırma operatorleri önemli bir konu olduğu için bir örnek ile bu konuyu görelim.
<html><head><META HTTP-EQUIV="Content-Type" CONTENT="text/html;charset=iso-8859-9"><script language="JavaScript"><!-- gizlefunction kontrolEt() { degisken1= document.giris.deger1.value; degisken2=document.giris.deger2.value; sonuclar=degisken1+" "+degisken2; if(degisken1==degisken2) { document.giris.sonuc.value="Degiskenler eşit"; document.giris.yazdeger1.value=degisken1; document.giris.yazdeger2.value=degisken2; document.giris.deger1.value=""; document.giris.deger2.value=""; } if(degisken1degisken2) { document.giris.sonuc.value=”Degisken1 büyüktür”; document.giris.yazdeger1.value=degisken1; document.giris.yazdeger2.value=degisken2; document.giris.deger1.value=”"; document.giris.deger2.value=”"; } }// –></script><title> Karşılaştırma işlemleri</title></head><body><form name=”giris”>Değişkenleri giriniz :<br>Değişken1 : <input type=”text” name=”deger1″ size=7><br>Değişken2 : <input type=”text” name=”deger2″ size=7><br><input type=”button” name=”karsılastırma” value=”Karşılaştır” onClick=”kontrolEt()”><p>Sonuçlar :<br>Değişken1 : <input type=”text” name=”yazdeger1″ size=7><br>Değişken2 : <input type=”text” name=”yazdeger2″ size=7><br>Sonuç :<br><input type=”text” name=”sonuc” size=”20″></form></body></html>
10 Nisan 2008 16:24 · Doğan
· Etiketler
javascript
Basit bir programda bu komutun işleyişini görelim. Programımız bir isim istesin. İsim verilirse ekrana teşekkür mesajı versin. Eğer isem verilmez ise ekrana “Adınızı yazmadınız!!!” şeklinde bir mesaj vererek tekrar isim girilmesini istesin.
<HTML><HEAD><TITLE>Değişken kullanımı</TITLE><SCRIPT language="JavaScript"><!-- Scripti gizlefunction adiniz() { var isim; isim=prompt("Lütfen adınızı yazın...",""); if(kontrolEt(isim)) { alert("Teşekkürler"); ekranaYaz(isim); } else { alert("Adınızı yazmadınız!!!"); adiniz(); } }function kontrolEt(deger) { if(deger!=”" && deger!=null) return true; else return false; }function ekranaYaz(giris) { document.write(”<FONT size=5 color=pink>Merhaba “+giris+” hoşgeldin.</FONT><BR>”); }adiniz();// gizleme sonu –></SCRIPT></HEAD><BODY></BODY></HTML>
Programımızı incelersek program en alt satırda adiniz(); fonksiyonunu çağırarak başlıyor. adiniz(); fonksiyonu prompt methodu ile isim değişkenine bir değer girilmesini sağlıyor.
Sonra if(kontroEt(isim)) şeklinde bir kullanım görüyoruz. Bu kullanımla kontrolEt(deger); fonksiyonunu çağırıyor ve isim değişkenini gönderiyoruz.
Kontrolet(deger); fonksiyonu deger değişkenini inceliyor. Bu değişken artık isim değişkeni ile aynı değerdedir.
if(deger !=”" && deger !=null) şeklinde bir kullanımda değer değişkeninin içeriğinin null(boş) veya hiç bir değere eşit olup olmadığını kontrol ediyoruz. Burada kontrol şeklimize dikkat edin. Öncelikle deger != “” şeklinde bir kullanım var. Burada deger değişkeninin bir değeri olduğu taktirde true, değer değişkeni “” şeklinde değersiz olduğu takdirde false değerini üretir.
Şartın ikinci bölümü deger != null şeklinde. deger değişkeni null değerine işit değilse doğru, deger değişkeni null değerine eşitse false değeri oluşur.
Daha sonra ise &&(ve) kontrolü var her iki tarafta true ise sonuç true aksi halde false değeri üretilir. Eğer sonuç true ise if bloğu çalışır ve return true; şeklinde true değerini geri gönderir. Eğer sonuç false ise else bloğu çalışır ve geriye return false; komutu ile false değerini gönderir.
Burada şu kullanıma dikkat edin. Blok { } kullanmadık. Çünkü tek bir komutun olduğu yerde blok kullanmak zorunlu değildir.
Bu kontrolün sonucu geriye döndüğünde if(kontrolEt(isim)) kontrolüne geri dönüyoruz. Burada sonuç true olarak geri döndüğünde if bloğu çalışacak ve ekrana “Teşekkürler” mesajı basılıp ekranaYaz(isim); şeklinde ekranBas(giris); fonksiyonuna isim değişkeni gönderilecektir.
Bu durumda ekrana font kontrolü yapılarak “Merhaba “+giris+” hoşgeldin!” mesajı basılacaktır. Bu şekilde programımın sonuna gelmiş oluruz.
Eğer if(kontroEt(isim)) kontrolüne false değeri gelirse else bloğu çalışır ve ekrana “Adınızı yazmadınız!!!” mesajı gelir. Sonra adiniz(); fonksiyonu tekrar çağrılır.
Bu arada bir fonksiyonun kendi içinden kendisini çağırabildiğini de görmüş olduk.
10 Nisan 2008 16:24 · Doğan
· Etiketler
javascript
Bu methodda bir değişkenin bir çok değere eşit olup olmadığını kontrol ediyoruz. Mesela deger isimli değişkenin 1,eşit değilse 2, eşit değilse 3,……,eşit değilse n şeklinde bir kontrol için kullanacağız.
Bu metodu
switch ( deger ) { case a: { komut blogu } break; case b: { komut blogu } break; . . . case n: { komut blogu } break; default { komut blogu } }
şeklinde kullanacağız.
deger yazan yere kullanacağımız değişkeni yazıyoruz. Her case kontrolünde bir değeri kontrol ediyoruz. Sonuç true ise case blogu çalışacak, sonra break ile kontrol sona erecektir. Aksi halde diğer case kontrolü yapılacaktır.
Sonuçta hiç bir true değeri bulunamazsa default bloğu çalışır. default bloğu seçimlik olarak kullanılır. Kullanılmadığı taktirde switch methodundan sonraki komutlar devreye girecektir.
Bizim program yazmamızı kolaylaştıracak güzel bir yöntem olan switch case methodunu ard arda aynı değişkeni kontrol etmemiz gereken durumlarda kullanacağız.
10 Nisan 2008 16:23 · Doğan
· Etiketler
javascript
Öncelikle döngü nedir? sorusuna cevap arayalım. Döngü adından da anlaşılabileceği gibi dönmek anlamına gelir. Programın belli bir bölümünü defalarca çalıştırmak javaScript için döngüdür.
Program yazarken bazı durumlarda belli bir işlemi birçok defa kullanmamız gerekmektdir. Bu durumda döngü komutlarından yararlanırız. Bunlar for, while, do-while komutlarıdır.
for döngüsü
Bu döngü belli bir değişkenin eğerini kontrol eder ve sonuca göre döngü sayısını ayarlar. for(degisken=degiskenin_ilk_degeri; sart; degisgenin_degerini_degistir) { for blogu } şeklinde kullanılır.
Değişkenimizin adı toplam olsun, toplamın 70 den küçük olduğu sürece for döngüsünün çalışmasını isteyelim. Ayrıca toplam değişkenini her kullanımda 1 birim artıralım. Toplam değişkeninin ilk değerini 50 olarak belirleyelim ve toplam değişkeninin tüm aldığı değerleri ekrana basalım.
for(var toplam = 50 ; toplam < 70 ; toplam++ ) { document.write(toplam); }document.write("Döngü bitti.");
Dikkat ettiyseniz toplam değişkeninin ilk değeri olan 50 den döngümüz başladı. Sonra toplam değişkeninin değeri birerbirer artırıldı. Sonuçlar ekrana yazıldı. Her değer artırılışında toplam değişkeninin değerinin 70 den küçük olup olmadığı kontrol edildi. Toplam değişkeninin değeri 70 şe eşit olunca yani şart bozulunca döngüde 69 da kaldı.
Şartımız toplam değişkeninin 70 den küçük olaması idi. Bu şart en son 69 değerinde gerçekleşir. Toplam değişkeni 70 olunca döngü duracaktır.
Tamam da ne işimize yarayacak bu for methodu? Aslında bir programlama dili, html her hangi bir yöntemin ne işe yarayacağı ve nerelerde kullanacağı kişinin bilgisine ve hayal gücüne kalmıştır. İnsanlar genelde bir konuyu öğrenirler ve genel olarak herkezin yaptığı şeyleri yaparlar.
