JAVASCRİPT DERSLERİ Bölüm 1

HayaLiMs · #1 16.01.08, 16:01

DERS 1: JAVASCRİPT NEDİR?
Dersin sonunda yapabilecekleriniz:
-JavaScript dilinin temellerini açıklamak.
-JavaScript'in Web sayfalarında nerede kullanılacağını açıklamak.
-Temel bileşenler hakkında genel bilgiler vermek.

I. JAVASCRİPT DİLİNetscape Navigator 2.0 ile birlikte geliştirilen JavaScript dili istemci taraflı (client-side) script dilidir. Web sayfalarında dinamik içerik sağlamak ya da kullanıcıyla iletişim kurmak için kullanılır.
İlk başta yalnızca Netscape tarayıcıları için tasarlanan JavaScript, daha sonra diğer tarayıcılar tarafından da desteklenen genel bir scripting dili haline gelmiştir. Şu anda Navigator 4.0 tarafından desteklenen JavaScript 1.2 sürümü vardır. Microsoft Internet Explorer 3.0 ile JavaScript 1.0'ı desteklemektedir.
İPUCU: HTML kodları arasına yerleştirilen küçük kodlardır. Tek başına .js uzantılı JavaScript kodları da yazılabilir.
JavaScript, Java dilinin bir Light versiyonu değildir. JavaScript kendi başına bir script dilidir. Genellikle HTML sayfalarında kullanıcı kontrolleri eklemek, formları kontrol etmek, hesaplamalar yapmak gibi işler için kullanılır.

Tablo: Tarayıcılar ve JavaScript desteği.
Tarayıcı Versiyonu JavaScript Desteği
Netscape 2.0 1.0
Netscape 3.0 1.1
Netscape 4.0 1.2
Internet Explorer3.0 JScript 1.0 (approx. 1.0)
Internet Explorer4.0 JScript 2.0 (approx. 1.1 + full DOM)
A. JAVASCRİPT NEREDE KULLANILIR?
JavaScript kullanımının iki ana alanı vardır: istemci taraflı ve sunucu taraflı script yazmak. Şu anda HTML sayfalara gömülü yazılan scriptlerin çoğu JavaScript kullanılarak yazılmaktadır. Bunlar da genellikle kullanıcı bilgilerinin doğru girilip girilmediği ya da kullanıcıya veri girişinde ya da menü kullanımında seçenekler sağlamaktır.
Sunucu taraflı JavaScript, aynı ASP gibi çalışmaktadır.
Sunucu Taraflı JavaScript
Sunucu taraflı JavaScript (SSJS) ise temel JavaScript'e ek olarak nesneler ve işlevler katılarak veritabanlarına erişim, e-mail gönderme ve diğer işlemlerin yapılması sağlanır. SSJS, veritabanı temelli Web uygulamalarının yaratılmasını sağlar.
B. <SCRIPT> ETİKETİ
Bir tarayıcının anlayacağı temel dil HTML'dir. JavaScript dilinin HTML belgesi içinde yazılabilmesi için <SCRIPT> etiketleri kullanılır.
<HTML>
<SCRIPT>
...
JavaScript kodu
....
</SCRIPT>
</HTML>
Örnek:
<HTML>
<SCRIPT>
document.write ("Merhaba");
</SCRIPT>
</HTML>
D. HTML BELGESİ İÇİNDE JAVASCRIPT YAZMAK
Bir Web sayfası organizasyonunda JavaScript'leri Web sayfasına eklemek için değişik yollar vardır:
. HEAD bölümünde
. BODY bölümünde
. BODY içinde URL olarak.

<HEAD> İçinde:
Bir HTML belgesinde HEAD bölümü içinde <SCRIPT> etiketi kullanarak istediğiniz JavaScrip kodunu HTML belgesine ekleyebilirsiniz. Bu kodlar HTML sayfasının BODY kısmı yüklendikten sonra kullanıma hazır hale gelir.
Örnek:

KOD:
-----
<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>
</HEAD>
<BODY>
<BODY> İçinde

HTML belgesinin BODY kısmında JavaScript kullanmak için iki yol vardır:
Doğrudan çalışacak kodlar ve kullanıcı tarafından çalışacak kodlar:
Doğrudan çalışacak JavaScript kodları <SCRIPT> etiketi kullanılarak HTML belgesinin istenilen yerine yazılır. Bu cümleler tarayıcı tarafından okunduğu anda yerine getirilir:

KOD
<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>

Daha çok kullanılan diğer bir yöntem ise kullanıcı tarafından bir olayın başlatılmasıyla bir JavaScript kodunun çalıştırılmasıdır. Örneğin bir düğmeye tıklamak gibi:
KOD
<FORM>
<INPUT TYPE="BUTTON" NAME="TestButton"
VALUE="Tıkla" onClick="AlertTest()">
</FORM>

ÖRNEK
<SCRIPT Language="JavaScript">
function Onceki() {
if (xmldso.recordset.bof){
alert("Dosya başındasınız.");
}else{
xmldso.recordset.movePrevious()
if (xmldso.recordset.bof){
xmldso.recordset.moveFirst();
alert("Bu ilk kayıt.");
}
}
}
function Sonraki() {
if (xmldso.recordset.eof){
alert("Dosya sonundasınız.")
}else{
xmldso.recordset.moveNext()
if (xmldso.recordset.eof){
xmldso.recordset.moveLast();
alert("Bu son kayıt.");
}
}
}
</SCRIPT>
<BODY> İçinde URL Olarak
JavaScript kodu URL olarak da kullanmak mümkündür:
<A HREF="javascript: alert('Son!')">Siteden Çık</A>

UYGULAMA: Belgenin arka rengini değiştirmek:
II. JAVASCRİPT DİLİNİN ÖZELLİKLERİJavaScript dilinin temel gramer yapısına bir bakalım:
İşletme Sırası:
HTML belgesinde JavaScript eklendiğinde, kodun işletimi sırasıyla yapılır. Ancak fonksiyon ve belli bir olaya (ONCLICK gibi) bağlı olan JavaScript kodlarının işletimi o anda yapılır.
Değişkenler:
Bir değeri içeren bellek adlarını ifade ederler.
İşleçler (Operators):
Değerler ya da değişkenler arasında toplama, çıkarma gibi işlemlerin yapılmasını sağlarlar. İşleçler +, *, /, - gibi işaretlerle kullanılır.
İfadeler (Expression):
Değişkenlerin, işleçleri ve deyimlerin bir araya gelerek oluşturdukları yapılara ifade derin. Örneğin: "Ucret = Gün * Yevmiye" formülü bir ifadedir.
Deyimler (Statements):
Deyimler belli bir komut ya da söz dizimi bileşenlerinin grubuna verilen addır. Örneğin bir komut ya da bir IF yapısı deyimi oluşturur:
if (toplam>20) {deyimler;} else {deyimler;}

Nesneler (Objects)
Kendi değerleri, özellikleri ve işlemleri olan bileşenlere nesne (object) denir. JavaScript dilinde çok sayıda yerleşik nesne vardır.
Fonksiyonlar (Functions)
Bir JavaScript fonksiyonu diğer dillerdeki bir fonksiyon yordam ya da bir alt yordam anlamına gelir. Bir fonksiyon bir dizi işlemi yerine getirir ve bir sonuç döndürür. Ayrıca fonksiyonlar, parametre olarak kabul edilen birçok değer kabul ederler.
function adi( ) {
deyim 1
deyim 2
...
deyim N
}
Case Sensitivity
JavaScript case sensitive (büyük küçük harf duyarlı) bir dildir. Değişkenler ve diğer öğeler küçük ya da büyük yazılabilirler. Ancak A değişkeni ile a değişkeni birbirinden farklıdır.
KOD
<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>

Açıklamalar
Bütün programlama dillerinde olduğu gibi, kod yazarken açıklama yazmak için kullanabileceğimiz bir karakter vardır. JavaScript'te bu <!- ve //-->. işaretlerinin arasıdır.
<!-bu bir açıklamadır //-->.
JavaScript kodu diğer programlama dillerinde olduğu gibi deyimlerden (statements) oluşur. Bu deyimler atama, değerleri karşılaştırma ve işlemlerin yapılması için komutlar anlamına gelmektedir.
A. DEĞİŞKENLER VE VERİ TÜRLERİ
Değişkenler verileri saklarlar ve onlara erişimi sağlarlar. Bir değişken bir değeri işaret eder. Örneğin Ucret adlı değişkene bir kişinin ücret bilgisi konur. Değişkenler adlarıyla işaret edilirler. Bir JavaScript değişkeni belli kurallara uymak zorundadır:
Kapsam
Bir değişkene bir değer verildiğinde bu değer ne kadar zaman geçerli olacak? Bu sorunun yanıtı kapsam (scope) kavramını ortaya çıkarır. Bir değişkenin kapsamı global ya da lokal olabilir. Bir global değişkene sayfa üzerinde herhangi bir JavaScript'ten erişilebilir. Lokal değişken ise değerin atandığı yordam içinde geçerlidir.
Bir değişkene kendisine atama yaparak değer verilir:
Ucret= 1000000;
Bir fonksiyon yazıyorsanız, yerel bir değişken yaratmak istersiniz. Bu yerel değişkenler var sözcüğüyle tanımlanır:
function YeniFonksiyon()
{ var dongu=1;
toplam=0;
...deyimler...
}

Yukarıdaki örnekte döngü adlı değişken YeniFonksiyon için yerel, toplam değişkeni ise tüm sayfa için genel (global) olacaktır.
Değişkene bir değer atanır. Bu herhangi bir tür veri olabilir. Bununla birlikte JavaScript, verinin değişik türlerde olmasını bekler. Verinin türüne bağlı olarak değer üzerinde belli işlemler yapılabilir ya da yapılamaz. Örneğin iki string değer üzerinde aritmetik işlem yapılamaz.
Tablo: Değişken Türleri
Numbers Integer ve kayan noktalı sayılar içerir. Positif, 0 ya da negatif olabilir.
Booleans True ya da False.
Strings Karakter bilgi içeren bir değişkendir.
Objects nesne= new Object();
Null Değersiz.
Undefined Bir değişken yaratıldıktan sonra içerdiği tanımsın değer.
İşleçler (Operators)İşleçler, iki ya da daha fazla değer üzerinde işlem yapılmasını sağlar. JavaScript içinde aritmetik ve hesaplama işleçleri olmak üzere iki tür işleç kullanılır:
Tablo: İşleçler
+ Toplama
- Çıkarma
* Çarpma
/ Bölme
% Bölmede kalanı verir.
Örneğin: 10 % 3 işlemi 1 değerini verir.
++ Tek artırım. Değer 1 artırılır.
-- Tekli azaltma.
- Negatifleştirme: İşlenenin negatif değerini döndürür.
Karşılaştırma
Karşılaştırma işleci, iki ya da daha çok değeri birbiriyle karşılaştırarak True ya da False olarak mantıksal bir değer döndürür. İşlenenler sayısal ya da karakter değer olabilir.
Tablo : Karşılaştırma işleçleri
== İşlenen değerler eşitse True döndürür.
!= İşlenen değerler eşit değilse True döndürür.
> Soldaki değer sağdakinden büyükse True döndürür.
>= Soldaki değer büyük ya da eşitse True döndürür.
< Soldaki değer sağdaki değerden büyükse True döndürür.
<= Soldaki değer sağdaki değerden küçük ya da eşitse True döndürür.
İkili İşleçler
İkili işleçler birden çok karşılaştırma işlemini tek bir koşul ifadesi olarak birleştirirler. Örneğin VergiDurum =1 AND Ucret > 1000 ise gibi.
Tablo : ikili işleçler.
&& "And" İki ifade de doğruysa True döndürür.
|| "Or" İfadelerden birisi doğruysa True döndürür.
! "Not" Negatifleştirme işlemi doğruysa True döndürür.
Atama Deyimi
Atama deyimi (=), bir değişkene bir değerin atanmasını sağlar. Değişkenlere türlerine ve tanımlamalarına uygun olan herhangi bir değer atanabilir.
= Değerler değişkenlere sağdan atanırlar.
Örnek: toplam=100;
Örnek: toplam=(ucret+vergi+ekkazanc)
+=
(ayrıca -=, *=, /=) Sağdaki değeri soldaki değişkene atar:
Örneğin: toplam+=ekkazanc (ekkazanc değerini toplam değerine ekler ve sonucu toplam değerine ekler)
III. Gözden Geçirme Soruları
1. JavaScript ne amaçla kullanılır?
2. Değişik JavaScript versiyonları vardır. Bunlar bir SCRIPT etiketi içinde kullanılabilir mi?
3. ONCLIK() ile onclik() olayının belirtiminde büyük/küçük harf durumu ne olur?
DERS 2: VERİLERİ TANIMLAMAK VE OPERATÖRLERLE ÇALIŞMAK
Ders sonunda yapabilecekleriniz:
-Verileri tanımlamak.
-Operatörleri kullanmak.
I. VERİLERLE ÇALIŞMAK
JavaScript dilince yalnızca birkaç tane veri türü kullanılabilir. Bu veri türleri şunlardır:
. Numeric
. String
. Logical
A. JAVA SCRİPT DEĞİŞKENLERİBir değişken (variable) verilerin bilgisayarın belleğinde tutulacağı alanları tanımlayan yerlerdir. Örneğin Ucret adlı bir değişken ücret bilgisinin tutulması için kullanılır. Ardından Ucret değişkeni çeşitli hesaplamalara sokulur.
B. DEĞİŞKENLERİ TANIMLAMAK
Java Script içinde değişkenler kendi adlarıyla tanımlanırlar. Ayrıca istenirse Var deyimi kullanılarak değişkenler açıkça tanımlanabilir.
Örnek:
Ucret = 300000000
Var Ucret = 3000000
Ancak genellikle herhangi bir tür tanımı yapılmadan değişkenlere değerler atanabilir.
Aşağıdaki deyimlerin her ikisi de doğrudur:
Ucret = 300000000
Ucret = "Ahmet Örnek"
C. DEĞİŞKEN ADLANDIRMA KURLLARI
Bir değişkeni adlandırırken şu kulların izlenmesi gerekir:
-Boşluk içermez.
-255 karakteri geçemez.
-Kapsama alanında tek olmalıdır.
- - işareti kullanılabilir.
D. DEĞİŞKENLERİN KAPSAMI
Bir değişken bir fonksiyon içinde tanımlandığında; değişken yalnız onun içinde geçerlidir. Bu durumda o değişken lokal (yerel) değişken olarak adlandırılır.
Java Script kodunda bir form ortamı olmadığından, her Web sayfası bir modül gibi değişkenleri içerir. Diğer bir deyişle genel ve yerel değişken ayrımı yapmak için bir yapı yoktur. Her bir sayfa için değişkenler tanımlanır ve kullanılır.
Ancak Sub yordam ve fonksiyonlar içinde tanımlanan değişkenler, yalnızca onlar çağrıldığında aktifleşir ve kullanılır.
E. SABİTLER
Sabitler (constants) literal olarak bilinir.
3.14
3.14 // Pi sayısı sabiti
"JavaScript çok büyük!" // Bir sabit string değer
F. İFADELER
İfadeler (expressions) bir ya da daha çok operatör ve veri içerir.
Örnek:
3 + 12 // İki sabit
Ucret + 2 // Değişken ve sabit
G. DEĞİŞKENLER VE VERİ TÜRLERİ
Değişkenler verileri saklarlar ve onlara erişimi sağlarlar. Bir değişken bir değeri işaret eder. Örneğin Ucret adlı değişkene bir kişinin ücret bilgisi konur. Değişkenler adlarıyla işaret edilirler. Bir JavaScript değişkeni belli kurallara uymak zorundadır:
NOT: Değişkenler ve operatörler hakkında 1. hafta dokümanlarında bilgi yer almaktadır.
NOT: Bu dokümanlar Faruk Çubukçu tarafından hazırlanmıştır. Ticari amaçlı olarak kullanılmaz. Daha fazla bilgi için http://www.farukcubukcu.com adresine bakınız.
H. OPERATÖRLER
JavaScript çok değişik operatörleri destekler. Bu operatörlerin bazıları aritmetik işlemler için, bazıları karşılaştırma işlemleri içindir. Diğer bir kısmı ise mantıksal (logical) işlemler ve artırma/eksiltme (increment/decrement) işlemleri içindir.
Dize Operatörü
Ana dize (string) operatörü iki dize bilgiyi (string) birleştirmek için kullanılır:
Örnek: Dize operatörünün kullanıldığı bir örnek.
document.write("JavaScript " + "büyük!");
alert("Hello "+adi);
ikidize= "dize 1" + dize 2";
<SCRIPT>
adi=prompt("adiniz?","");
alert("Hello "+adiniz);
</SCRIPT>
I. MANTIKSAL OPERATÖRLER
İkili işleçler birden çok karşılaştırma işlemini tek bir koşul ifadesi olarak birleştirirler. Örneğin VergiDurum =1 AND Ucret > 1000 ise gibi.
Mantıksal operatörler ikili (boolean) ifadeleri birleştirmek için kullanılırlar. Üç tane operatör vardır:
Tablo : ikili işleçler.
&& "And" İki ifade de doğruysa True döndürür.
|| "Or" İfadelerden birisi doğruysa True döndürür.
! "Not" Negatifleştirme işlemi doğruysa True döndürür.
AND operatörü her iki ifadenin de doğru olması durumunu sağlar:
if ((yasi < 30) && (rengi== "sarisin"))
tercih = "çok iyi"
OR operatörü ise yalnızca birinin doğru olmasını kontrol eder:
KOD
if ((yasi < 30) || (rengi== "sarisin"))
tercih = "idare eder"
Örnek: IF deyimi ve mantıksal operatörlerin kullanılması:
<SCRIPT Language="JavaScript">
gazete= confirm("Gazete okur musunuz?");
dergi= confirm("Dergi okur musunuz?");
if (gazete && dergi)
alert("Kültürlü!");
else
if (gazete)
alert("Yalnızca haber takip ediyorsunuz!");
else
if (dergi)
alert("Magazin takip ediyorsunuz!");
else
alert("Hiçbir şey okumuyorsunuz!");
</SCRIPT>

J. BİTWİSE OPERATÖRLERİ
Bitwise operatörleri işlenen bilgileri 32 bit veri olarak işler. Örneğin 3 sayısı 0011 olarak gösterilir. Bitwise operatörler işlemlerini ikili değer üzerinde yapar, ancak sonuçları standart JavaScript sayısal değeri olarak döndürürler.
Tablo: Bitwise Operatörlerinden bazıları
Bitwise operatörleri Kullanımı Açıklama
Bitwise AND a & b İki işlenenin de bir olduğu durumlarda bir
döndürür.
Bitwise OR a | b İki işlenenden birisinin bir olduğu durumlarda bir
döndürür.
Bitwise NOT ~ a İşlenin bitlerini ters çevirir.
Left shift a << b A'yı B'nin ikili gösterimi içinde sola kaydırır.
II. UYGULAMA
1. Ad ve Soyad gibi iki metin bilgiyi birleştirin:
ad = "ayşe"
soyad = "yılmaz"
adsoyad = ?
2. Aşağıdaki tabloya göre; ekrandan alınan kilo, yaş ve boy değerlerini değerlendirin. Tablo içindeki aralığın dışındaki değerleri "normal dışı" olarak, tablo içindeki değerleri ise normal olarak değerlendirin.
YAŞ BOY KİLO
10-20 150-180 40-80
21-30 150-180 50-90
31-40 150-180 55-95
III. GÖZDEN GEÇİRME
1. String operatörleri nelerdir?
2. Bitwise operatörleri nelerdir? Ne amaçla kullanılabilir?
DERS 3: PROGRAM YAPISI
Dersin sonunda yapabilecekleriniz:
-JavaScript program yapısını açıklamak.
-Fonksiyonları açıklamak.

I. PROGRAM YAPISI
Bir Javascript programı, sınırlı bir alanda ya da belli etiketler arasında yazılan komut ve diğer bileşenlerden oluşur.
A. DEYİMLER
Deyimler scriptin akışını sağlarlar. JavaScript içinde koşullu ifadeler, döngüler, nesne işlemler ve diğer tanımlama işlemleri belli deyimlerle yerine getirilir. Deyimler dilin komutlarıdır denebilir.
JavaScript deyimleri bir noktalı virgül ( işareti ile sonlanır. Bu genellikle bir koşul olmasa da, birden çok deyimin aynı satırda yazılması için bir zorunluluktur.
B. KOŞULLU İFADELER
Koşullu ifadeler program akışı içinde yönlenme ve karar verme olanağı sağlar.
1. if...else
If deyimi bir koşulu değerlendirerek bir blok deyimin işletilmesini ya da işletilmemesini sağlar. Seçimlik olarak bir else deyimi ayrıca ikinci bir blok deyimin birinci bloğa alternatif olarak işletilmesini sağlar. Basit biçimde else olmadan koşula bağlı olarak deyim işletilir: Eğer koşul doğruysa deyim işletilir, koşul doğru değilse deyimler atlanmış olur:
Yapısı:
if (koşul)
{ deyimler-1; }
else
{ deyimler-2; }
2. switch (Netscape & MS IE 4)
Case yapısı olarak bilinir. Bir değere göre değişik seçeneklerin işletilmesini sağlayan bir diğer karar yapısıdır.
Genel Yapısı:
KOD
switch (ifade){
case etiket:
deyim;
break;
case etiket:
deyim;
break;
...
default : deyim;
}

Örneğin bir değere göre değişik hesaplamalar yapılacaksa bu yapı kullanılabilir:
Örnek:
KOD
switch (ucret){
case >0 AND <1000 :
deyimler;
break;
case ">1001 AND <10000:
deyimler;
break;
case >10001 AND <20000 :
deyimler;
break;
default : deyimler;
}

3. Döngüler
JavaScript kontrol yapıları içinde değişik döngüler vardır. Bunların başında for, do while ve break-continue yapısı gelir.
NOT: Bu dokümanlar Faruk Çubukçu tarafından hazırlanmıştır. Burada adı geçen ticari ünvanlar ve markalar bilgi amaçlı kullanılmışlardır ve kendi imtiyazlarına sahiptirler. Bu dokümanlar ticari amaçlı olarak kullanılmaz. Daha fazla bilgi için http://www.farukcubukcu.com adresine bakınız.
For...Next Kullanımı:
for döngüsünde koşul sağlaması bozuluncaya kadar döngü sürdürülür. Örneğin bir sayısal değerden büyük oluncaya kadar döngüyü sürdürmek gibi.
Yapısı:
for (başlangıç değeri; koşul; artırım)
{ deyimler; }
Örnek:
for (i=0; i<10; i++)
{ deyimler; }
Do...While Kullanımı:
Diğer bir döngü deyimi ise blok deyimi belli bir koşulun false oluncaya kadar sürdürmesini sağlar.
Yapısı:
do
{ deyimler;}
while (koşul)
While Kullanımı:
Yalnız başına While'ın kullanımı ise şu şekildedir:
Yapısı:
while (koşul)
{ deyimler; }
Nesne İşlemleri:
Nesne işlemlerinde yaygın olarak kullanılan yapılardan birisi For..in dir.
For...in Yapısı:
For-in yapısı nesne işlemlerinin bir döngü içinde yapılmasını sağlar.
Yapısı:
for (değişken in nesne)
{ deyimler; }
Örneğin araba adlı bir nesnenin renk, fiyat, motor, silindir, model gibi çok sayıda değişik özellikleri şu şekilde listelenebilir:
Örnek:
KOD
var kayit= "araba<br><br>"
for (var ozellik in araba)
{kayit+= ozellik+ " = " + araba[ozellik] + "<BR>"}
kayit+= "<br>"
document.write(kayit)

NOT: Bu dokümanlar Faruk Çubukçu tarafından hazırlanmıştır. Adı geçen ticari ünvanlar ve markalar, bilgi amaçlı kullanılmışlardır ve kendi imtiyazlarına sahiptirler. Bu dokümanlar ticari amaçlı olarak kullanılmazlar. Daha fazla bilgi için http://www.farukcubukcu.com adresine bakınız.
II. FONKSİYONLAR
Bir fonksiyon bir dizi deyimin bir blok olarak kullanılmasını sağlar. Fonksiyonlar, çağırılarak çalışan bir çalışma şekline sahiptir. Bunun anlamı, fonksiyon bir hesaplamayı yapar. Bu hesaplamadan yararlanabilmek için fonksiyon çağırılır ve hesaplamadan yararlanır.
Bir fonksiyon bir ad ve argümanlarla birlikte tanımlanır. Argümanlar alınacak değerleri tanımlayan değişkenlerdir.
Function adi (argument1,argument2, .. )
{ deyimler; }
Nadiren bir fonksiyon bir argüman değeri almaz. Bu durumda fonksiyonlar boş parantezlerle tanımlanır.
Yapısı:
Function islemyap()
...
End Function
Örnek:
KOD
function usal(x,y)
{ toplam=1;
for (j=0; j<y; j++)
{ toplam*=x; }
return toplam; //x değeri y kuvvetinde üssü alınır.
}

ÖRNEK KOD
function formac(form)
{
var pencereozellikleri = "height=400,width=600,location=no,"
+ "scrollbars=no,menubars=no,toolbars=no,resizable=y es";
var URL = form.adres.options[form.adres.selectedIndex].value;
popup = window.open(URL,"MenuPopup",pencereozellikleri);
}
</script>
Örnek:
<SCRIPT>
function hello(msg) {
document.write(msg, "<br>");
}
var message = "Merhaba!";
hello(message);
</SCRIPT>

A. FORM ALANLARININ DOĞRULANMASINDA FONKSİYON KULLANIMI (FORM VALİDATİON)
Bir HTML formu üzerinden girilen alanların denetiminin yapılması (boş mu ya da istenilen türde bir sayı mı), uygulamada çok kullanılan bir kullanımdır:
Örnek:
KOD
<form action="giris.asp" method="post"
onsubmit="return checkform(this);">
<input type="text" name="e-mail">
<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>

III. UYGULAMA
HTML belgesinde alanların kontrolü için bir uygulama geliştirin:
KOD
<HTML>
<HEAD>
</HEAD>
<BODY>
<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>

<FORM name = bilgiformu onSubmit="return valid(this)">
Yaşınız :<BR><INPUT TYPE="text" NAME="yas" SIZE="2"><BR>
Adınız ve Soyadınız:<BR><INPUT TYPE="text" NAME="ad" SIZE="40"><BR>
Diger Bilgileriniz:<BR><TEXTAREA NAME="diger" COLS="40" ROWS="5"></TEXTAREA><BR>
<INPUT TYPE="submit" VALUE="gönder">
</FORM>
</BODY>
</HTML>
IV. GÖZDEN GEÇİRME
1. Javascript kodu nerede ve nasıl bir yapıda yazılır?
2. Döngü kurmak neden gerekir ve JavaScript içindeki döngü yapıları nelerdir?

Seçenekler
Yazdırılabilir şekli göster Sayfayı E-Mail olarak gönder
Stil
Normal Hybrid-Şeklinde gösterime geç Ağaç şeklinde gösterime geç

Benzer Konular
Konu	Konuyu Başlatan	Forum	Cevaplar	Son Mesaj
ATÖLYE D3 ÇİZİM DERSLERİ İÇİN ÜCRETSİZ E BOOK	atolyed3	E-Book	0	10.02.10 23:43
Photo Shop BÖlüm KuRaLLarı..!	HayaLiMs	Photoshop	0	18.11.07 21:29
Cem Yılmaz Opet Çin 3 bölüm Mix	kortez	Genel	0	08.05.07 10:54
Yine Sen ( Son Bölüm)	ONYX	Aşk & Sevgi	0	10.12.06 17:55