javascript
DESCRIPTION
JavaScript. Birinci Hafta. JavaScript Nedir?. JavaScipt Java Notepad kullanılarak yazılabilir. HTML Kodları arasına < script >... etiketleri arasında yazılır. JavaScript bir olay halinde işler. JavaScript Yazım Kuralları. Belirleyiciler ( Identifier ) - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: JavaScript](https://reader036.vdocuments.pub/reader036/viewer/2022072016/568132f7550346895d99b695/html5/thumbnails/1.jpg)
JavaScript
Birinci Hafta
![Page 2: JavaScript](https://reader036.vdocuments.pub/reader036/viewer/2022072016/568132f7550346895d99b695/html5/thumbnails/2.jpg)
JavaScript Nedir?JavaScipt JavaNotepad kullanılarak yazılabilir.HTML Kodları arasına <script>...</script>
etiketleri arasında yazılır.JavaScript bir olay halinde işler.
![Page 3: JavaScript](https://reader036.vdocuments.pub/reader036/viewer/2022072016/568132f7550346895d99b695/html5/thumbnails/3.jpg)
JavaScript Yazım KurallarıBelirleyiciler (Identifier)Değişkenleri, metotları ve nesnelerini
belirleyen isimlerdirHarfle ya da alt çizgi (_) ile başlar Rakam veya diğer işaretler birinci karakter
olarak kullanılamaz
Doğru Yanlış
eldekalan elde kalan
sonuc sonuç
_ikincisatir 2ncisatir
![Page 4: JavaScript](https://reader036.vdocuments.pub/reader036/viewer/2022072016/568132f7550346895d99b695/html5/thumbnails/4.jpg)
Anahtar Kelimeler (Keywords) JavaScript için özel anlam taşıyan ve
değişken olarak kullanılamayan kelimelerdir.
Break (kes) if (eğer) true (doğru) null (boş değer)
Continue (devam et) return (dön) while (... iken)switch (değiştir)
Else (başka bir durum)
new (yeni)var (variable, değişken)
labeled (etiketli)
False (yanlış) With (ile)
int (integer, tam sayı)
this (bu) do (yap)
For (için) typeof (türü) function (işlev)
void (geçersiz) in (içinde)
![Page 5: JavaScript](https://reader036.vdocuments.pub/reader036/viewer/2022072016/568132f7550346895d99b695/html5/thumbnails/5.jpg)
Değerler (Literals) Tamsayı Değerler (Integer Literals)
45, 061, 0xEA1 Kesirli Değerler (Floating-point literals)
3.1415924, -1.1 Boolean Mantık İfadeleri (Boolean Literals)
true, false, 1, 0 Alfanümerik Değerler (String literal) ‘Bugün hava güzel değil’, “123 adet yumurta”
![Page 6: JavaScript](https://reader036.vdocuments.pub/reader036/viewer/2022072016/568132f7550346895d99b695/html5/thumbnails/6.jpg)
Ayrılmış Kelimeler (Reserved words) Bazı kelimeler, ilerde JavaScript
programlama ve yorumlama işlerinde kullanılabileceği düşüncesi ile ayrılmıştır; JavaScript kodlarında kullanılamazlar. Bazıları:boolean, if, goto, int, this, function, throw, …
![Page 7: JavaScript](https://reader036.vdocuments.pub/reader036/viewer/2022072016/568132f7550346895d99b695/html5/thumbnails/7.jpg)
DeğişkenlerBüyük harf-küçük harf ayırt eder!Tanımlanarak kullanılabilir.
var adi, soyadi, adres, siraNo İlk değer ataması ile kullanılabilir.
degisken= “kitap”, sonuc= 34, sayac= true
var adi = “Ahmet”, soyadi = “Yıldız”
![Page 8: JavaScript](https://reader036.vdocuments.pub/reader036/viewer/2022072016/568132f7550346895d99b695/html5/thumbnails/8.jpg)
Değişken Tipleri Sayı Değişkenleri var deger= 44.56 Boolean Değişkenler
var dogruMu: trueString Değişkenler
var bas= “Java”, son=“Script”Dizi-değişkenler (Array) var dizi = new Array(eleman1,eleman2)
![Page 9: JavaScript](https://reader036.vdocuments.pub/reader036/viewer/2022072016/568132f7550346895d99b695/html5/thumbnails/9.jpg)
OperatörlerAssignment(atama) operatörü var sayi = 34 ; var sayi2 = sayiAritmetik operatörler
+, -, *, /, %, +=, -=, *=, /=, ++, --Karşılaştırma Operatörleri
==, !=, <, <=, >, >=Mantıksal Operatörleri
&& (and), || (or) , ! (not)Şart operatörü mesaj = (a==b)? “İki değişken eşittir!”:”İki
değişken eşit değildir!”
![Page 10: JavaScript](https://reader036.vdocuments.pub/reader036/viewer/2022072016/568132f7550346895d99b695/html5/thumbnails/10.jpg)
+ operatörü2 + 2 //sonuç 42 + “2” //sonuç 222 + 2 + “2” //sonuç 42
a = a + b yerine a+=b yazabiliriz. (Benzer şekilde a-=b; a/=b, a*=b yazılabilir.) a = a + 1 ifadesini a++; a = a - 1 ifadesini ise a-- şeklinde yazabiliriz.
![Page 11: JavaScript](https://reader036.vdocuments.pub/reader036/viewer/2022072016/568132f7550346895d99b695/html5/thumbnails/11.jpg)
JavaScript’te Kod YazmaJavaScript kodları HTML kodları içine gömülür.
<HTML><TITLE>İstenilen Başlık</TITLE><BODY><PRE><SCRIPT LANGUAGE=“Javascript”><!-- ……………..// --></SCRIPT></PRE></BODY></HTML>
![Page 12: JavaScript](https://reader036.vdocuments.pub/reader036/viewer/2022072016/568132f7550346895d99b695/html5/thumbnails/12.jpg)
prompt açılan bir pop-up pencere yoluyla kullanıcının bilgi girmesi sağlanır.
var isim=prompt(“Adınızı aşağıya yazın”, “ “) var no=prompt(“Numaranız”, “Buraya girin”)
confirm açılan bir pop-up pencere yoluyla kullanıcının onay bilgisi girmesi sağlanır.
cevap=confirm(“İşlemi onaylıyor musunuz ?”)
document
HTML kaynak metni yazılmasını sağlar.
document.write(“a + b =”) document.write(“a + b =” . a+b)document.writeln("a değişkeninin değeri: \""+a+"\".")
![Page 13: JavaScript](https://reader036.vdocuments.pub/reader036/viewer/2022072016/568132f7550346895d99b695/html5/thumbnails/13.jpg)
Değerler (Literals) Özel Değerler
\b - Klavyede Geri (backspace) tuşunun görevini yaptırır.\f - Yazıcıya sayfayı bitirmeden çıkarttırır (formfeed).\n - Yazı imlecini Enter-Return tuşunun görevini yaptırır (new line)\r – Satır başı işlemi yaptırır.\t - Sekme (tab) işaretini koydurur.\\ - Yazıya ters-bölü işareti koydurur.\’ - Yazıya tek-tırnak işareti koydurur.\” - Yazıya çift-tırnak işareti koydurur.
![Page 14: JavaScript](https://reader036.vdocuments.pub/reader036/viewer/2022072016/568132f7550346895d99b695/html5/thumbnails/14.jpg)
alert açılan bir pop-up pencere yoluyla kullanıcının uyarı mesajı ve bir OK düğmesi görüntülemesi sağlanır
alert(“Cevabınız doğru") alert(“sonuc =“+sayı)
![Page 15: JavaScript](https://reader036.vdocuments.pub/reader036/viewer/2022072016/568132f7550346895d99b695/html5/thumbnails/15.jpg)
JavaScript’te Karar VermeBasit Karşılaştırmadegisken = (karşılaştırma işlemi)?
değer1 : değer2durum = (notu>=45)?"Başarılı!" :
"Başarısız!"
![Page 16: JavaScript](https://reader036.vdocuments.pub/reader036/viewer/2022072016/568132f7550346895d99b695/html5/thumbnails/16.jpg)
JavaScript’te Karar Verme‘if’ komutu if (soru/şart)
{ komut} else
{ komut }
![Page 17: JavaScript](https://reader036.vdocuments.pub/reader036/viewer/2022072016/568132f7550346895d99b695/html5/thumbnails/17.jpg)
JavaScript’te Karar VermeSwitch
switch( değişken ){case değer1 :case değer2: komut1breakcase değer3: komut2 komut3breakdefault: komut4}