Her programda olduğu gibi, JavaScript'te de koşul deyimleri vardır. Bu deyimler Java ve C'de aynen kullanılmakta olan if. Else deyimi ve switch deyimi. Bu deyimleri bilmeyen arkadaşlarımız için bu sayfayı hazırladım
"if... else..." Koşul Deyimi
İlk koşul deyimimiz: if...else... (Türkçesi: eğer öyleyse...değilse...). Yazılımda veriler değerlendirilirken bir yol ayrımına, elemeye gidilebilir. Mesela belli bir değerin altındakiler için başka işlemler, üstündekiler için başka işlemler yapılabilir. Verileri böyle bir elemeye tabi tutmak için if...else... koşul deyimini kullanabiliriz. Bu deyimin genel yapısı şöyledir:
if (koşul ifadesi) işlem
else işlem
birden fazla işlem söz konusuysa,
if (koşul ifadesi)
{
İŞLEMLER
}
else
{
İŞLEMLER
}
Koşul İfadeleri
Koşul ifadesi parantez içine yazılır. Koşul ifadesi verilerin izleyeceği akışı belirler. Bu koşula uyan verilere koşul ifadesinden sonraki işlemler, bu koşula uymayan verilere ise else ifadesinden sonraki işlemler uygulanır. Koşul ifadelerini belirtirken aşağıdaki işaretlerden yararlanırız:
== Eşitlik koşulunu sorgular.
degisken == 5
!= Eşit olmama koşulunu sorgular.
degisken != 5
> Büyük olma koşulunu sorgular.
degisken > 5
>= Büyük veya eşit olma koşulunu sorgular.
degisken >= 5
< Küçük olma koşulunu sorgular.
degisken < 5
<= Küçük veya eşit olma koşulunu sorgular.
degisken <= 5
Koşul deyimleri, koşul ifadesine uyanlara işlem yapar. Uymayanlara ise else kodundan sonraki işlem yapılır. else kodu kullanma zorunluluğu yoktur, kullanılmıyorsa koşul ifadesine uymayanlar, koşul deyimine nasıl girmişlerse öyle çıkarlar.
<html>
<head>
<title>Koşul Deyimleri</title>
<script language="JavaScript">
function kabul() {
alert("İçeri girebilirsin.");
document.write("<h1>Barımıza Hoşgeldiniz!</h1>");
}
function red() {
alert("Hoop ufaklık. Bas geri!");
document.write("<h1>18 yaşından küçükler giremez!</h1>");
}
</script>
</head>
<body>
<script language="JavaScript">
var yas=13;
if (yas >= 18) kabul()
else red()
</script>
</body>
</html>
[Sayfayı göster] [Temizle] [İlk haline getir]
Bu uygulamada iki fonksiyon var: kabul() ve red(). <body> bölümündeki JavaScript kodları arasında yas değişkenini ve if...else... koşul deyimini göreceksiniz. Koşul deyimi yas değişkeni 18'e eşit veya 18'den büyükse kabul() fonksiyonunu, değilse red fonksiyonunu çağırıyor. Burada yas değişkenini kod içinde 13 olarak tanımladık, bu durumda red() fonksiyonu çağrılır ve barın kapısından geri çevrilirsiniz.
"switch" Koşul Deyimi
if...else... koşul deyiminde yol ayrımı söz konusudur ve akış ikiye ayrılır. Şimdi göreceğimiz switch kodu ise akışı ikiden fazla sayıya ayırır. Yani birden fazla koşul sözkonusudur. switch koşul deyiminin genel yapısı şöyledir.
switch (ifade)
{
case değer1: işlem1
break
case değer2: işlem2
break
...
case değerN: işlemN
break
default: işlem
}
birden fazla işlem söz konusuysa,
switch (ifade)
{
case değer1 :
{
işlemler
}
break
case değer2 :
{
işlemler
}
break
...
case değerN :
{
işlemler
}
break
default:
{
işlemler
}
}
Bu koşul eyleminde değişken switch(...) kısmına yazılır. Sonra değişkenin alabileceği değerler case: (durum) kodlarının yanlarına yazılarak koşul ifadesi yaratılır ve alttaki işlemler uygulanır. Eğer case: kodlarından hiçbiri değişkenin taşıdığı değeri tutmuyorsa, default: kodunun altındaki işlemler uygulanır. (default kodunun yazılması zorunlu değildir; else kodunun yazılmasının zorunlu olmadığı gibi) Buradaki break (kes) komutu önemlidir. İşlemlerin altına break kodu yazmazsak, bir alttaki case (durum) koşuluna ait işlemler de yapılır. break kodunu işlemlerin altına koyarsak, işlemler bitince bir alttaki case koşulunun işlemlerine geçilmez ve program switch deyiminin sonundan devam eder. Buradan hareketle aynı işlemlere tabi tutulacak koşul ifadelerini alt alta yazın ve bu ifadelerden en altında olanın işlemlerine break komutunu uygulayın. Aşağıdaki uygulama konunun anlaşılmasına yardımcı olacaktır.
<html>
<head>
<title>Koşul Deyimleri</title>
<script language="JavaScript">
function karne(x) {
switch(x) {
case 9: harf="A" break;
case 8: harf="B" break;
case 6: harf="C" break;
case 5: harf="D" break;
default: harf="E";
}
return harf
}
</script>
</head>
<body>
<script language="JavaScript">
var isim = "Ali", puan = 8, y y = karne(puan) ,
document.write(isim + " adlı öğrencinin aldığı not: " + y)
</script>
</body>
</html>
Bu uygulama bizim zamanımızdaki BAL (Bornova Anadolu) not sistemini konu ediniyor; halâ böylemi bilmiyorum. 10 üzerinden alınan notlar, harfli sisteme çevriliyor. Örneğin on üzerinden 7 veya 6 notu alanlar, "C" almış oluyor. (D'den sonra en sevdiğim nottu.)
Kaynak www.volkanderinbay.net/ders/dersjscr.asp
14,509 Okunma Henüz yorum yapılmamış 17/07/2007 14:12:42
Yorumunuzu Ekleyin
jpg, gif, png türündeki resimleri seçmelisiniz
Gönder
Javascript ~ 100
Javascript Ve Ses
Detaylar
14,925 Okunma Yorumsuz
Another Way To Access An Element (node Mantığı)
Html taglarına erişiminin farklı bir yolu
Detaylar
18,213 Okunma Yorumsuz
Event Fonksiyonu
JavaScript ile bir fonksiyon yazdım ve başka yerlerden bu fonsiyonu çağırdım. Ancak, fonksiyona gelen isteğin, hangi nesneden geldiğini öğrenmek için, yeni bir parametre tanımlamak zorunda kaldım
Detaylar
22,784 Okunma Yorumsuz
Düğüm ( Node )
Düğüm, dom içindeki en temel nesne tipidir. Aslında, bu makalenin sonraki kısımlarında da göreceğiniz gibi, dom ile tanımlanan neredeyse her nesne düğüm nesnesini genişletir. Ancak, semantikle ilgili daha ileri aşamalara geçmeden önce, bir düğümün temsil ettiği kavramı anlamanız gerekir; daha sonra, düğümün gerçek özelliklerini ve yöntemlerini öğrenmek sizin için çok kolay olacaktır.
Detaylar
25,574 Okunma Yorumsuz
Creating Table onfly
For our DOM script, we're going to be working with a table. What's going to happen is we'll create a table
Detaylar
16,370 Okunma Yorumsuz
Javascript ve Cookie ler 2
Detaylar
16,989 Okunma 1 Yorum
Javascript Language Tips & Tricks
Javascriptle ?lgili Detaylar
Detaylar
14,530 Okunma Yorumsuz
Javascript Yardımıyla Harici Css İçeriğini Sayfaya Dahil Etmek
Özellikle ajax ile yüklenen sayfalara harici css veya js dosya eklemek için 3 farklı yöntem.
Detaylar
16,441 Okunma Yorumsuz
Object Oriented Javascript.
Neseneye Dayali Programlama Tekniklerini, Js de Benzetmeye Calışarak Yazacagımız Kodları Daha Okunaklı Düzenli, Genişleyebilir Ve Bakımı Kolay Yapılabilir Hale Getirebiliriz
Detaylar
17,598 Okunma Yorumsuz
Javascript ve Nesneye Dayalı Programlama
Principles of Object-Oriented Programming in JavaScript
Detaylar
16,344 Okunma Yorumsuz
Regular Expression - Düzenli ?fadeler
DÜzenli ifadeler (regular expressions veya kIsaca RegExp) herhangi bir karakter diziliminin yapIsInI yani iÇerdi?i karakterlerin neler oldu?u ile bunlarIn dizili? sIrasI (konumlarI) ve biÇimlerinin Önceden tanImlanan belli bir biÇime uyumunun denetlenmesi/sInanmasI sIrasInda kullanIlan standart gÖsterim biÇimleri ya da denetim ?ablonlarIdIr. DÜzenli ifadelerin kullanIlmasI ile sa?lanan en Önemli kolaylIk karakter dizimlerinde bulunan karakterlerin Önceden bilinen belli bir desenine uygun olup olmadI?InI sInama/deneme yetene?inden gelmektedir
Detaylar
25,313 Okunma Yorumsuz
Child Nodeleri Silmek
When manipulating the DOM, it's often useful to remove all child nodes from a specific element. This typically comes in handy when you're looking to replace the content of an element with a separate form element, such as an , so the user can edit the actual value
Detaylar
14,539 Okunma Yorumsuz
Javascript Ve Cookie Ler
Cookiler kullanarak ziyaretçilerinizin sayfalarına dilediğiniz değişken değerlerini kaydedebilirsiniz.
Detaylar
14,985 Okunma Yorumsuz
Uyarı Pencereleri
Bu sayfaya kadar JavaScript'in temellerini öğrenmek için alert(. ) ve document. Write(. ) komutlarıyla idare ettik. Artık JavaScript'in kodlarına ve inceliklerine ağırlık vereceğiz
Detaylar
17,948 Okunma Yorumsuz
Javascripti Web Sayfasına Eklemek
Detaylar
14,582 Okunma Yorumsuz
Javascript Events (Olaylar) Listesi
Detaylar
15,194 Okunma Yorumsuz
Javascript ve HTML DOM (Objects) Nesneleri
Detaylar
17,236 Okunma Yorumsuz
JavaScript Fonksiyon Referans Listesi
Javascript üstseviye, matematik, mantıksal, dizi, zaman, string fonksiyonları referans listesi
Detaylar
16,520 Okunma Yorumsuz
Fonksiyonlar
Detaylar
15,440 Okunma Yorumsuz
Objelere Ait Özellikler Listesi
Detaylar
15,427 Okunma Yorumsuz
Döngüler
Bu sayfamızda döngü denetimini ve bu döngü oluşturan döngü deyimlerinin üzerinde duracağız. Bunlar while. , do. While. ve for
Detaylar
15,628 Okunma Yorumsuz
Akış Denetimleri
Akış denetimi ve döngü denetimi derslerimizde koşul ifadelerinin kullanıldığını gördük. Koşul deyimleri bu koşul ifadesine göre eleme yapıyor, döngü deyimleri bu koşul ifadesine göre çevrim oluşturuyordu. Ancak bu koşul ifadesi tek bir koşuldan oluşuyordu, acaba birden fazla koşulun sorgulanması mümkün müdür?
Detaylar
15,092 Okunma Yorumsuz
Metin İşlemleri
Şu ana kadar document. başlangıçlı tek kod gördük: document. Write şimdilik bu kodla devam edeceğiz ve metinsel yöntemler üzerinde duracağız. DHTML sayfalarında document. başlangıçlı kodların hepsini ayrıca ele alacağız
Detaylar
16,596 Okunma Yorumsuz
Diziler
Diziler programcılığın temel konularından biridir. Bu sayfada öğrenecekleriniz, diğer programlarda da aynen veya benzer şekilde yer almaktadır. Bu sayfayı hemen değişkenlerden sonra anlatmayı düşünüyordum ama daha önce hiçbir yazılım dili bilmeyen arkadaşlara Pencere ve Metin kodları gibi somut derslerin daha öncelikli olduğuna karar verdim. Şimdi diziler konusuna geçebiliriz
Detaylar
15,391 Okunma Yorumsuz
Tarih-saat İşlemleri
Bu sayfada zaman yöntem kodları üzerinde duracağız. Bu kodlar zaman birimlerini ifade etmekte, nesneleri zamana göre sıralamakta ve sorgulamakta kullanılır
Detaylar
29,208 Okunma Yorumsuz
Matematik İşlemleri
Programlar matematiğin bir dalı olan algoritmalar üzerine kuruludur. Matematiği kötü olup da iyi yazılımcı olabilen kişi yoktur. Eğer matematik üzerine daha önce fazla düşmemişseniz, belki program yaparken matematiği sevebilir ve içinizde kalmış gizli bir yeteneğinizi keşfedebilirsiniz
Detaylar
18,049 Okunma Yorumsuz
Olaylar (Events)
JavaScript için olay nedir? Kullanıcının sayfa üzerinde yaptığı her türlü işlem olaydır. Sayfayı açmak, bir nesnenin üzerine tıklamak, fareyle bir nesnenin üzerine gelmek, bir tuşa basmak, bir değeri değiştirmek. Bunların hepsi bir olaydır. HTML nesneleridir ve küçük harfle veya büyük harfle yazılmalarında sakınca yoktur
Detaylar
16,761 Okunma Yorumsuz
DHTML
Hareketli (dinamik) bir sayfa yapmak için, sayfa nesnelerini ve onlara komutlar vermeliyiz. Buna DHTML (dynamik hypertext markup language) denmektedir. Aslında DHTML diye bir dil veya standart yok, HTML nesneleri ve CSS özelliklerini JavaScript (veya başka bir dille) sayfa içinde değiştirerek, hareketli web sayfaları yaratma işlemidir. Fare imlecini kovalayan yaylar, toplar, martılar; üzerine gelindiğinde değişen ışıklı düğmeler; tıklanıldığında perde gibi açılan menüler; Star Wars jeneriğine benzeyen kayan metinler, daha neler neler
Detaylar
14,510 Okunma Yorumsuz
document Nesnesi
Doküman (document) nesnesi HTML dokümanının tamamını ifade etmektedir ve HTML'de kullandığımız , , , vb. gibi tüm komutları içerir. Doküman nesnesini HTML'deki bölümü olarak düşünebilirsiniz
Detaylar
21,060 Okunma Yorumsuz
Window Nesnesi
Pencere nesnesi, javascript nesnele hiyerarşisinde en tepede yer almaktadır. Daha öncekipencere komutları sayfasında bir bakıma bu konuya giriş yapmıştık. Şimdi o sayfadan devam edelim:
Detaylar
16,397 Okunma Yorumsuz
Yükleniyor...
1
2
3
4
www.dijitalders.com
www.dijitalders.com
bilgidijitalders.com
dijitalders.com
Hakkımızda
Kod Renklendirici
Bulmaca
Uygulamalar
Tesler
Galeriler
Videolar
Sunular
Linkler
İçerik Gönderin
İçerik Gönder
Resim Gönder
Video Linki Gönder
Bulmaca Sorusu Gönder
Sosyal Medya
İletişim
Email
Site içerikleri, site kullanıcıları tarafından yollanan içeriklerdir.
Her hangi bir içeriğin lisanslı veya şahsınıza ait olduğunu tarafımıza iletirseniz gerekli düzenlemeyi yapacağız. Kullanılan içerikler, siteyi kullanan öğrenciler ve araştırmacılar için kolaylık sağlamak amacıyla oluşturulmuştur.
Site içeriğini dilediğiniz gibi kullanabilirsiniz... İçeriklerin kullanılması sonucu oluşacak sorumluluklar kullanıcıya aittir.