Kodlar.Net @kodlarnet-blog - Tumblr Blog

JavaScript'de Atama

http://kodlar.net/javascriptde-atama/

JavaScript'de Atama

JavaScript Atama Operatörleri:

Atama Operatörleri , Javascript değişkenlerine değer atar.

Operatör Örnek İle aynı = x=y x=y += x+=y x=x+y -= x-=y x=x-y *= x*=y x=x*y /= x/=y x=x/y %= x%=y x=x%y <<= x<<=y x=x< >>= x>>=y x=x>>y >>=> x>>>=y x=x>>>y &= x&=y x=x&y ^= x^=y x=x^y |= x|=y x=x|y **= x**=y x=x**y

Atama Örnekleri :

Örnek:

<!DOCTYPE html> <html> <body> <h2>The = Operator</h2> <p id="demo"></p> <script> var x = 10; document.getElementById("demo").innerHTML = x; </script> </body> </html>

+ = Atama operatörü bir değişkene bir değer ekler.

<!DOCTYPE html> <html> <body> <h2>Toplama Operatörü</h2> <p id="demo"></p> <script> var x = 10; x += 5; document.getElementById("demo").innerHTML = x; </script> </body> </html>

– = atama operatörü bir değişkenden bir değer çıkarır.

<!DOCTYPE html> <html> <body> <h2>Çıkarma Operatörü</h2> <p id="demo"></p> <script> var x = 10; x -= 5; document.getElementById("demo").innerHTML = x; </script> </body> </html>

* = Atama operatörü bir değişkeni çarpar.

<!DOCTYPE html> <html> <body> <h2>Çarpma Operatörü</h2> <p id="demo"></p> <script> var x = 10; x *= 5; document.getElementById("demo").innerHTML = x; </script> </body> </html>

/ = Atama bir değişkeni böler.

<!DOCTYPE html> <html> <body> <h2>Bölme Operatörü</h2> <p id="demo"></p> <script> var x = 10; x /= 5; document.getElementById("demo").innerHTML = x; </script> </body> </html>

% = Atama operatörü bir değişkene geri kalanını atar.

<!DOCTYPE html> <html> <body> <h2>Mod Operatörü</h2> <p id="demo"></p> <script> var x = 10; x %= 5; document.getElementById("demo").innerHTML = x; </script> </body> </html>

#javascript atama

JavaScript Aritmetiği

http://kodlar.net/javascript-aritmetigi/

JavaScript Aritmetiği

JavaScript Aritmetik Operatörleri :

Operatör Açıklama + Ekleme – Çıkarma * Çarpma / Bölme % Yüzde alma ++ Artırma — Eksiltme

Aritmetik İşlemler :

Tipik bir aritmetik işlem iki sayı üzerinden olur.İki sayı değişmez olabilir :

<!DOCTYPE html> <html> <body> <p>Tipik bir aritmetik işlem iki sayı üzerinden olur.</p> <p id="demo"></p> <script> var x = 100 + 50; document.getElementById("demo").innerHTML = x; </script> </body> </html>

Yada değişken değerler olabilir :

<!DOCTYPE html> <html> <body> <p>Değişken değerler.</p> <p id="demo"></p> <script> var a = 100; var b = 50; var x = a + b; document.getElementById("demo").innerHTML = x; </script> </body> </html>

Veya ifade olabilir :

<!DOCTYPE html> <html> <body> <p>Tipik bir aritmetik işlem iki sayı alır (veya ifadeler) ve yeni bir sayı üretir..</p> <p id="demo"></p> <script> var a = 3; var x = (100 + 50) * a; document.getElementById("demo").innerHTML = x; </script> </body> </html>

Operatörler ve İşlenenler :

Sayılar aritmetik işlemlerde işlenenler olarak adlandırılır. İşlem iki işlenen arasında olan aritmetik işlemde kullanılan operatör ile olur.

İşlenen Operatör İşlenen 100 + 50

Ekleme Operatörü (+) :

<!DOCTYPE html> <html> <body> <h2>Ekleme (+) operatörü</h2> <p id="demo"></p> <script> var x = 5; var y = 2; var z = x + y; document.getElementById("demo").innerHTML = z; </script> </body> </html>

Çıkarma Operatörü (-) :

<!DOCTYPE html> <html> <body> <h2>Çıkarma (-) operatörü</h2> <p id="demo"></p> <script> var x = 5; var y = 2; var z = x - y; document.getElementById("demo").innerHTML = z </script> </body> </html>

Çarpma Operatörü (*) :

<!DOCTYPE html> <html> <body> <h2>Çarpma (*) Operatörü</h2> <p id="demo"></p> <script> var x = 5; var y = 2; var z = x * y; document.getElementById("demo").innerHTML = z; </script> </body> </html>

Bölme Operatörü (/) :

<!DOCTYPE html> <html> <body> <h2>Bölme (/) operatörü</h2> <p id="demo"></p> <script> var x = 5; var y = 2; var z = x / y; document.getElementById("demo").innerHTML = z; </script> </body> </html>

Yüzde alma Operatörü (%) :

<!DOCTYPE html> <html> <body> <h2>Yüzde (%) Operatörü</h2> <p id="demo"></p> <script> var x = 5; var y = 2; var z = x % y; document.getElementById("demo").innerHTML = z; </script> </body> </html>

Artırma Operatörü (++) :

<!DOCTYPE html> <html> <body> <h2>Artırma operatörü (++) </h2> <p id="demo"></p> <script> var x = 5; x++; var z = x; document.getElementById("demo").innerHTML = z; </script> </body> </html>

Eksiltme Operatörü (–) :

<!DOCTYPE html> <html> <body> <h2>Eksitme operatörü (--)</h2> <p id="demo"></p> <script> var x = 5; x--; var z = x; document.getElementById("demo").innerHTML = z; </script> </body> </html>

Operatör Önceliği:

Çarpma işlemi toplamadan önceliklidir :

<!DOCTYPE html> <html> <body> <p>Çarpma işlemi toplamadan önceliklidir.</p> <p id="demo"></p> <script> document.getElementById("demo").innerHTML = 100 + 50 * 3; </script> </body> </html>

Programlamada işlem önceliği şu sıradadır :

(*) , (/) , (+) , (-) ve okul matematiğinde de olduğu gibi parantez içi daima önceliklidir :

<!DOCTYPE html> <html> <body> <p>Çarpma toplamadan önceliklidir.</p> <p>Ancak parantezin çarpmadan önceliği var.</p> <p id="demo"></p> <script> document.getElementById("demo").innerHTML = (100 + 50) * 3; </script> </body> </html>

JavaScript Operatörü Öncelik Değerleri:

Değer Operatör Açıklama Örnek 20 ( ) İfade grubu (3 + 4) 19 . Üye person.name 19 [] Üye person[“name”] 19 () Fonksiyon çağırımı myFunction() 19 new Oluşturmak new Date() 17 ++ Sonradan Artırma i++ 17 – – Sonradan Eksiltme i- – 16 ++ Önce Artırma ++i 16 – – Önce Eksiltme – -i 16 ! Değil !(x==y) 16 typeof Type typeof x 15 ** Üs 10**2 14 * Çarpma 10*5 14 / Bölme 10/5 14 % Yüzde 10%5 13 + Ekleme 10+5 13 – Çıkarma 10-5 12 << Sola Kaydırma x<<2 12 >> Sağa Kaydırma x>>2 12 >>> Sağa kaydırma x>>>2 11 < Küçüktür x 11 <= KÜçük eşit x<=y 11 > Büyüktür x>y 11 >= Büyük eşittir x>=y 11 in Matematikteki pi 11 instanceof instanceof dizisi 10 == Eşitlik x==y 10 === Katı eşitlik x===y 10 != Eşit değil x!=y 10 !== Katı eşitsizlik x!==y 9 & Bitwise ve x&y 8 ^ Bitwise xor x^y 7 | Bitwise veya x|y 6 && Mantıksal ve x&&y 5 || Mantıksal veya x||y 4 ?: Şart ?Evet”:”Hayır” 3 += Atama x+=y 3 -= Atama x-=y 3 *= Atama x*=y 3 %= Atama x%=y 3 <<= Atama x<<=y 3 >>= Atama x>>=y 3 >>>= Atama x>>>=y 3 &= Atama x&=y 3 ^= Atama x^=y 3 |= Atama x|=y 2 yield Duraklatma yield x 1 , Virgül 5,6

#javascript aritmetiği

JavaScript Operatörler

http://kodlar.net/javascript-operatorler/

JavaScript Operatörler

Örnek :

<!DOCTYPE html> <html> <body> <h2>JavaScript Operatörler</h2> <p>x = 5, y = 2, hesapla z = x + y, ve göster z:</p> <p id="demo"></p> <script> var x = 5; var y = 2; var z = x + y; document.getElementById("demo").innerHTML = z; </script> </body> </html>

Atama operatörü (=) bir değişkene değer atar.

<!DOCTYPE html> <html> <body> <h2>Atama = Operatörü</h2> <p id="demo"></p> <script> var x = 10; document.getElementById("demo").innerHTML = x; </script> </body> </html>

Ekleme Operatörü :

<!DOCTYPE html> <html> <body> <h2>Ekleme Operatörü</h2> <p id="demo"></p> <script> var x = 5; var y = 2; var z = x + y; document.getElementById("demo").innerHTML = z; </script> </body> </html>

Çarpma Operatörü :

<!DOCTYPE html> <html> <body> <h2>Çarpma Operatörü</h2> <p id="demo"></p> <script> var x = 5; var y = 2; var z = x * y; document.getElementById("demo").innerHTML = z; </script> </body> </html>

JavaScript aritmetik operatörler ve açıklamaları :

Opearatör Açıklama + Toplama – Çıkarma * Çarpma / Bölme % Mod alma ++ Artırma — Eksiltme

JavaScript Atama Operatörleri :

Operatör Örnek İle aynı = x = y x = y += x += y x = x + y -= x -= y x = x – y *= x *= y x = x * y /= x /= y x = x / y %= x %= y x = x % y

Aşağıdaki Örneği deneyiniz :

<!DOCTYPE html> <html> <body> <h2>+= operatörü</h2> <p id="demo"></p> <script> var x = 10; x += 5; document.getElementById("demo").innerHTML = x; </script> </body> </html>

JavaScript metin(string) Operatörleri :

Örnek :

<!DOCTYPE html> <html> <body> <h2>JavaScript Operatorler</h2> <p>İki stringi toplamak.</p> <p id="demo"></p> <script> var txt1 = "John"; var txt2 = "Doe"; document.getElementById("demo").innerHTML = txt1 + " " + txt2; </script> </body> </html>

String ve sayıyı toplamak :

<!DOCTYPE html> <html> <body> <h2>JavaScript Operatorleri</h2> <p>Stringe sayı eklemek.</p> <p id="demo"></p> <script> var x = 5 + 5; var y = "5" + 5; var z = "Hello" + 5; document.getElementById("demo").innerHTML = x + "<br>" + y + "<br>" + z; </script> </body> </html>

Bir sayı ve bir metini toplarsanız sonuç bir metindir! Program yazdığınız sayı veya rakam’a bir metin gibi davranacaktır.

JavaScript Karşılaştırma Operatörleri

Operatörler Açıklama == Eşittir === Eşit değer eşit tip != Eşit Değil !== eşit değer değil veya eşit değil > Büyüktür < Küçüktür >= BÜyük eşittir <= Küçük eşittir ? Üçlü operatör

#JavaScript operatörler

JavaScript Değişkenler

http://kodlar.net/javascript-degiskenler/

JavaScript Değişkenler

Değişkenler’i verileri saklamak için kullanılan kap gibi düşünebilirsiniz.

Bu örnekte, x, y ve z birer değişkendir:

<!DOCTYPE html> <html> <body> <h2>JavaScript Değişkenler</h2> <p>x,y ve z birer değişkendir.</p> <p id="demo"></p> <script> var x = 5; var y = 6; var z = x + y; document.getElementById("demo").innerHTML = "z nin değeri: " + z; </script> </body> </html>

Yukarıdaki örnekte bakarsak:

x değeri 5 depolar

y değeri 6 depolar

z değeri 11’i kaydeder

Bu örnekte, fiyat1, fiyat2 ve toplam birer değişkendir:

<!DOCTYPE html> <html> <body> <h2>JavaScript Değişkenler</h2> <p id="demo"></p> <script> var fiyat1 = 5; var fiyat2 = 6; var toplam = fiyat1 + fiyat2; document.getElementById("demo").innerHTML = "Toplam: " + toplam; </script> </body> </html>

JAVASCRİPT TANIMLAYICILARI :

Tüm javascript değişkenleri benzersiz isim ile tanımlanmalıdır yani bir değişkenden aynı program içerisinde en fazla bir kez tanımlanabilir.

Değişken tanımlamanın bazı kuralları vardır :

Değişken isimleri harf, rakam, alt çizgi ve dolar işareti içerebilir.

Değişken isimleri bir harfle başlamalıdır.

Değişken isimleri ayrıca $ ve _ ile başlayabilirler (ancak bu derste kullanmayacağız)

Değişken isimleri büyük / küçük harfe duyarlıdır (y ve Y farklı değişkenlerdir)

Ayrılmış kelimeler (JavaScript anahtar kelimeleri gibi) adlar olarak kullanılamaz

Atama Operatörü:

JavaScript’te (=) işareti bir karşılaştırma operatörü değil atama operatörüdür. Karşılaştırma işareti javascript’te (==) işaretidir.

Javascript Veri Türleri :

Javascript’te değişkenler 100 ve ’emre’ kelimesini tutabilir.Metin değerleri gibi sayıları tutabilir. Metin değerlerine metin dizeleri denir. Javascript birçok veri türünü işleyebilir, ancak şimdilik sayı ve dizeleri düşünün.Dizeler çift veya tek tırnak içine yazılır. Rakamlar tırnak işaretleri olmadan yazılır. Eğer tırnak işareti içerisine bir sayı koyarsanız bunu sayı olarak değil metin olarak ele alacaktır.

Örnek :

<!DOCTYPE html> <html> <body> <h2>JavaScript Değişkenler</h2> <p>Diziler tırnak işaretleri arasına yazılır.</p> <p>Rakamlar tırnak işaretleri olmadan yazılır.</p> <p id="demo"></p> <script> var pi = 3.14; var soru = "Emre Sualp"; var cevap = 'Evet benim!'; document.getElementById("demo").innerHTML = pi + "<br>" + soru + "<br>" + cevap; </script> </body> </html>

Javascript değişkenleri oluşturma :

var anahtar kelimesi ile bir değişken oluşturursunuz (bildirirsiniz) .

<!DOCTYPE html> <html> <body> <h2>JavaScript Değişkenler</h2> <p>Değişken tanımlama</p> <p id="demo"></p> <script> var carName = "Volvo"; document.getElementById("demo").innerHTML = carName; </script> </body> </html>

NOT : Bir programın başında tüm değişkenleri bildirmek ( oluşturmak ) kod okunurluğu açısından çok önem arz eder.

Değişken bildirme :

Tek bir ifadede birçok değişken bildirebilirsiniz. var anahtar sözcüğü ile değimi başlattıktan sonra ‘,’ ile değişkenleri ayırın .

Örnek :

<!DOCTYPE html> <html> <body> <h2>JavaScript Değişkenler</h2> <p>Tek bir ifadede birçok değişken bildirebilirsiniz.</p> <p id="demo"></p> <script> var person = "Emre Sualp", carName = "Volvo", price = 200; document.getElementById("demo").innerHTML = carName; </script> </body> </html>

Bir bildirim birden çok satıra yayılabilir:

Değerin boş olması = undefined

Bilgisayar programlarında genellikle değişkenler herhangi bir değeri olmadan tanımlama yapılır. Bu değer daha sonradan hesaplanacak birşey veya kullanıcı tarafından girilecek bir değer olabilir. Değeri olmayan bu ifade tanımsız(undefined) değere sahip olacaktır.

Aşağıdaki ifadede carName tanımsız(undefined) bir değere sahiptir.

<!DOCTYPE html> <html> <body> <h2>JavaScript Değişkenler</h2> <p>Değersiz olarak bildirilen bir değişken, undefined değerine sahip olacaktır.</p> <p id="demo"></p> <script> var carName; document.getElementById("demo").innerHTML = carName; </script> </body> </html>

Javascript değişkenlerini yeniden bildirme :

Eğer bir javascript değişkenini yeniden bildirirseniz eski değerini kaybetmez .

Örnek :

<!DOCTYPE html> <html> <body> <h2>JavaScript Değişkenler</h2> <p>Eğer sonradan undefined yapsanız eski değeri kaybolmayacaktır.</p> <p id="demo"></p> <script> var carName = "Volvo"; var carName; document.getElementById("demo").innerHTML = carName; </script> </body> </html>

Javascript aritmetiği

<!DOCTYPE html> <html> <body> <h2>JavaScript Değişkenler</h2> <p>sonuc 5 + 2 + 3:</p> <p id="demo"></p> <script> var x = 5 + 2 + 3; document.getElementById("demo").innerHTML = x; </script> </body> </html>

Dizileride ekleyebilirsiniz ancak diziler birleşecektir.

<!DOCTYPE html> <html> <body> <h2>JavaScript Değişkenler</h2> <p>Ekleme sonucu "Emre" + " " + "Sualp":</p> <p id="demo"></p> <script> var x = "Emre" + " " + "Sualp"; document.getElementById("demo").innerHTML = x; </script> </body> </html>

Ayrıca şunu deneyin:

<!DOCTYPE html> <html> <body> <h2>JavaScript Değişkenler</h2> <p>Ekleme sonucu "5" + 2 + 3:</p> <p id="demo"></p> <script> x = "5" + 2 + 3; document.getElementById("demo").innerHTML = x; </script> </body> </html>

NOT: Tırnak içine bir sayı koyarsanız, kalan numaralar dizge olarak ele alınır ve birleştirilir.

Şimdi tekrar deneyin :

<!DOCTYPE html> <html> <body> <h2>JavaScript Değişkenler</h2> <p>Ekleme sonucu 2 + 3 + "5":</p> <p id="demo"></p> <script> var x = 2 + 3 + "5" document.getElementById("demo").innerHTML = x; </script> </body> </html>

#javascript değişkenler

JavaScript Yorumları

http://kodlar.net/javascript-yorumlari/

JavaScript Yorumları

JavaScript yorumları , JavaScript kodunu açıklamak ve daha okunabilir hale getirmek için kullanılabilir. JavaScript yorumları, alternatif kodu test ederken yürütmeyi önlemek içinde kullanılabilir.

Tek Satırlık Yorumlar

Tek satırlık yorumlar ‘//’ ile başlar. Bu işaret ile satırın sonu arasındaki tüm karakterler javascript tarafından yok sayılacaktır.

Bu örnek, her kod satırından önce tek satırlı bir yorum kullanır:

7 <!DOCTYPE html> <html> <body> <h1 id="myH"></h1> <p id="myP"></p> <script> // Başlığı değiştir document.getElementById("myH").innerHTML = "İlk sayfam."; // Paragrafı değiştir document.getElementById("myP").innerHTML = "İlk paragrafım."; </script> <p><strong>Not:</strong> Yorumlar Yürütülmez.</p> </body> </html>

Bu örnek, kodu açıklamak için her satırın sonunda tek bir satır yorumu kullanır:

<!DOCTYPE html> <html> <body> <p id="demo"></p> <script> var x = 5; // X'i oluştur ve 5 değerini ver var y = x + 2; // Y'i oluştur ve x+2 değerini ver document.getElementById("demo").innerHTML = y; // Y' i yazdır </script> <p><strong>Not:</strong> Yorumlar Yürütülmez.</p> </body> </html>

Çok Satırlı Yorumlar :

Çok satırlı yorumlar ‘/*’ ile başlar ve ‘*/’ ile biter./ * Ve * / arasındaki herhangi bir metin, JavaScript tarafından yoksayılacaktır.

Bu örnek, kodu açıklamak için çok satırlı bir yorum (bir yorum bloğu) kullanır:

<!DOCTYPE html> <html> <body> <h1 id="myH"></h1> <p id="myP"></p> <script> /* Aşağıdaki kod id = "myH" ile başlık ve paragraf id = "myp" ile değişecek */ document.getElementById("myH").innerHTML = "İlk sayfam."; document.getElementById("myP").innerHTML = "İlk paragrafım."; </script> <p><strong>Not:</strong> Yorumlar Yürütülmez.</p> </body> </html>

Yürütmeyi Önlemek için Yorumlar Kullanma Kodun yürütülmesini önlemek için yorumların kullanılması kod testi için uygundur.

Bir kod satırının önüne // eklendiğinde, kod satırlarını yürütülebilir bir satırdan bir yoruma dönüştürür.

Bu örnek, kod satırlarından birinin yürütülmesini önlemek için // kullanır:

<!DOCTYPE html> <html> <body> <h1 id="myH"></h1> <p id="myP"></p> <script> //document.getElementById("myH").innerHTML = "İlk sayfam."; document.getElementById("myP").innerHTML = "İlk paragrafım."; </script> <p><strong>Not:</strong> TYorumlar Yürütülmez.</p> </body> </html>

#javascript yorumları

Javascript Sözdizimi

http://kodlar.net/javascript-sozdizimi/

Javascript Sözdizimi

Türkçe’de de olduğu gibi programlama dillerinde de buna benzer sözdizimi ve belli kuralları vardır.

var x, y; // Değişkenlerin oluşturulma şekli x = 5; y = 6; // Atama yapılma şekli z = x + y; // İşlem yapma şekli

JavaScript Değerler

JavaScript’de iki tür değer vardır.

Sabit değerler Değişken değerler

1) SABİT DEĞERLER :

Sayılar :

<!DOCTYPE html> <html> <body> <h2>JavaScript Sayılar</h2> <p>Sayılar ondalıklı veya ondalıksız olarak yazılabilir.</p> <p id="demo"></p> <script> document.getElementById("demo").innerHTML = 10.50; </script> </body> </html>

Yazılar :

JavaScript’de yazılar çift veya tek tırnak içerisinde yazılır.

<!DOCTYPE html> <html> <body> <h2>JavaScript Strings</h2> <p>Yazılar çift veya tek tırnak içerisinde yazılır</p> <p id="demo"></p> <script> document.getElementById("demo").innerHTML = 'Emre Sualp'; </script> </body> </html>

2 ) DEĞİŞKEN DEĞERLER:

Bir programlama dilinde verileri saklamak için değişkenler kullanılır. JavaScript de değişkenleri bildirebilmek için anahtar sözcükler kullanır. Değişkenlere değer atamak için ‘=’ işareti kullanılır. Aşağıdaki örnek’te x bir değişken olarak tanımlanmış daha sonra x’e 6 değeri verilmiştir.

<!DOCTYPE html> <html> <body> <h2>JavaScript Değerler</h2> <p>X bir değişken olarak tanımlanmıştır. Sonra x'e 6 değeri verilmiştir</p> <p id="demo"></p> <script> var x; x = 6; document.getElementById("demo").innerHTML = x; </script> </body> </html>

JAVASCRİPT OPERATÖRLERİ:

Javascript, değerleri hesaplamak için aritmetir işlemler yapılır (*,+,-,/)

<!DOCTYPE html> <html> <body> <h2>JavaScript Operatörler</h2> <p>Javascript, değerleri hesaplamak için aritmetir işlemler yapılır.</p> <p id="demo"></p> <script> document.getElementById("demo").innerHTML = (5 + 6) * 10; </script> </body> </html>

Değişkenlere değer atamak içinse (=) işareti kullanılır.

<!DOCTYPE html> <html> <body> <h2>JavaScript Değer atama</h2> <p>Değişkenlere değer atamak içinse (=) işareti kullanılır. </p> <p id="demo"></p> <script> var x, y; x = 5; y = 6; document.getElementById("demo").innerHTML = x + y; </script> </body> </html>

JavaScript İfadeleri :

Burada bahsedilen ifade, hesaplanan değerler , değişkenler ve işleçlerin birleşimidir.

Örneğin :

<!DOCTYPE html> <html> <body> <h2>JavaScript İfadeler</h2> <p>İfadeleri hesaplama</p> <p id="demo"></p> <script> document.getElementById("demo").innerHTML = 5 * 10; </script> </body> </html>

İfadeler de değişken değerler içerebilirler :

<!DOCTYPE html> <html> <body> <h2>JavaScript İfadeler</h2> <p>İfadeleri hesaplama</p> <p id="demo"></p> <script> var x; x = 5; document.getElementById("demo").innerHTML = x * 10; </script> </body> </html>

Değerler farklı türlerde olabilir :

Örnek :

<!DOCTYPE html> <html> <body> <h2>JavaScript İfadeler</h2> <p>İfadeleri hesaplama</p> <p id="demo"></p> <script> document.getElementById("demo").innerHTML = "Emre" + " " + "Sualp"; </script> </body> </html>

JavaScript Anahtar Kelimeleri :

JavaScript anahtar kelimeleri, gerçekleştirilecek eylemleri tanımlamak için kullanılır.

Örnek ‘var’ anahtar sözcüğü yeni bir değişken tanımlamaya yarar :

<!DOCTYPE html> <html> <body> <h2>Var sözcüğü yeni değişken tanımlar.</h2> <p id="demo"></p> <script> var x, y; x = 5 + 6; y = x * 10; document.getElementById("demo").innerHTML = y; </script> </body> </html>

JavaScript Yorumları

Tüm javascript ifadeler yürütülür değildir bazıları yorum satırı olup bunlar kod derlenirken göz ardı edilir.Bu ifadeler ‘//’ veya ‘/* */’ arasına yazılır. Bu satırlar yorum satırları olarak kabul edilir.

<!DOCTYPE html> <html> <body> <h2>JavaScript'de yorumlar kabul edilmez</h2> <p id="demo"></p> <script> var x; x = 5; // x = 6; Bu satır yorum satırıdır. document.getElementById("demo").innerHTML = x; </script> </body> </html>

JavaScript Tanımlayıcıları

JavaScript’de tanımlayıcılar değişkenleri,anahtar kelimeleri , işlevleri ve etiketleri adlandırmak için kullanılır. Yasal isimlerin kuralları çoğu programlama dillerinde de aynıdır. JavaScript’te, ilk karakter bir harf veya alt çizgi (_) veya dolar işareti ($) olmalıdır.

NOT : İlk karakter olarak sayılara izin verilmez.Bu şekilde JavaScript, tanımlayıcıları sayılardan kolayca ayırt edebilir.

JavaScript’de Büyük/Küçük harfe duyarlılık:

Tüm JavaScript tanımlayıcıları büyük / küçük harfe duyarlıdır.

lastName ve lastname değişkenleri iki farklı değişkendir :

<!DOCTYPE html> <html> <body> <h2>JavaScript Duyarlılık</h2> <p>Değişkenleri değiştirmeyi dene.</p> <p id="demo"></p> <script> var lastname, lastName; lastName = "Emre"; lastname = "Mert"; document.getElementById("demo").innerHTML = lastName; </script> </body> </html>

Bu yazımızda , javascriptin tamamen yazım kuralları, duyarlılıklarını , yorum satırlarını , operatörleri , sabit ve değişken değerlerin yazım kurallarından bahsettik.

#JavaScript yazım kuralları

JavaScript İfadeler

http://kodlar.net/javascript-ifadeler/

JavaScript İfadeler

Örnek :

<!DOCTYPE html> <html> <body> <h2>JavaScript Statements</h2> <p>A <b>JavaScript programı</b> bir bilgisayar tarafından <b>yürütülecek ifadelerin </b> bir listesidir.</p> <p id="demo"></p> <script> var x, y, z; // İfade 1 x = 5; // ifade 2 y = 6; // İfade 3 z = x + y; // İfade 4 document.getElementById("demo").innerHTML = "Z'nin değeri " + z + "."; </script> </body> </html>

Öncelikle basit olarak baktığımızda, bir bilgisayar programı, bir bilgisayar tarafından yürütülmesi için verilen talimatlar listesidir. Herhangi bir programlama dilinde bu talimaltla listesine ifadeler adı verilir.

Bir JavaScript programı, programlama ifadelerinin bir listesidir. Html’de bu JavaScript ifadeleri tarayıcı tarafından yürütülür.

JavaScript ifadeleri şunlardan oluşur :

Değerler

Operatörler

İfadeler

Anahtar kelimeler

Yorumlar

Aşağıdaki ifade, tarayıcıya id = “demo” ile bir HTML öğesinin içinde “Merhaba Dünya ! ” yazmasını söyler :

<!DOCTYPE html> <html> <body> <h2>JavaScript İfadeler</h2> <p>JavaScript ifadeleri HTML'de tarayıcı tarafından yürütülür.</p> <p id="demo"></p> <script> document.getElementById("demo").innerHTML = "Merhaba Dünya ! "; </script> </body> </html>

Noktalı Virgüller (;)

Örnek :

<!DOCTYPE html> <html> <body> <h2>JavaScript İfadeler</h2> <p>JavaScript ifadeleri noktalı virgül ile ayrılır.</p> <p id="demo1"></p> <script> var a, b, c; a = 1; b = 2; c = a + b; document.getElementById("demo1").innerHTML = c; </script> </body> </html>

Noktalı virgüller tıpkı türkçede noktayı cümleyi bitirmek için kullanıyorsak javascript’de de ifadeleri birbirinden ayırmak için kullanırız. Her ifade arasına noktalı virgül koyunuz. Ayrıca aynı satır üzerinden birden fazla noktalı virgül olması bir sorun teşkil etmez .

JavaScript’de kod içerisindeki boşluklar pek bir anlam ifade etmez sadece daha okunaklı kod yazmış olursunuz. Aşağıdaki iki kod birbirine denktir fakat üstteki biraz daha okunaklıdır.

var person = "Emre"; var person="Emre";

Aynı şey matematiksel operatörler içinde geçerlidir .

var x = y + z;

En iyi okunulabilirlik elde edinmek için genelde programcılar aynı satır üzerinden 80 karakterden fazla karakter yazmayı istemezler ama ya yazdığımız kod satıra sığmıyorsa ve alta geçmek istiyorsak o zaman operatörlerden faydalanmanın tam sırası !

Örnek :

document.getElementById("demo").innerHTML = "Merhaba Dünya!";

JavaScript Kod Blokları

JavaScript ifadeleri kod blokları içerisinde iken … küme parantezleri içerisinde gruplandırılırlar. Kod bloklarının amacı, birlikte yürütülecek ifadeleri tanımlamaktır.

Örnek :

<!DOCTYPE html> <html> <body> <h2>JavaScript İfadeler/h2> <p>JavaScript kod blokları arasında yazılmıstır and </p> <button type="button" onclick="myFunction()">Tıkla bana!</button> <p id="demo1"></p> <p id="demo2"></p> <script> function myFunction() document.getElementById("demo1").innerHTML = "Hello Emre!"; document.getElementById("demo2").innerHTML = "Nasılsın?"; </script> </body> </html>

JavaScript Anahtar Kelimeleri JavaScript ifadeleri, gerçekleştirilecek JavaScript eylemini tanımlamak için bir anahtar kelime ile başlar.

Bir sonraki yazılarda öğreneceğimiz bazı anahtar kelimeler aşağıdadır :

Kelime Açıklama break Bir anahtarı verya döngüyü sonlandırır continue Bir döngüden atlar ve baştan başlar debugger JavaScriptin hata ayıklama işlemini çağırır do…while Bir deyim blogu yürütür ve koşul her doğru oldugunda blok tekrar çalışır for Bir koşul doğru olduğu sürece yürütülecek ifadeler bloğudur. function Bir işlev bildirir if .. else Bir koşula bağlı olarak yürütülecek ifadeler bloğudur return Bir işlevden çıkar ve istenilen değeri döndürür switch Farklı sonuçlara bağlı olarak seçilecek bloklar bütünüdür. try … catch Hata işlemlerini bir deyim bloğuna uygular var Bir değişken tanımlar

#JavaScript ifadeler

JavaScript'de Çıktı

http://kodlar.net/javascriptde-cikti/

JavaScript'de Çıktı

JavaScript Ekrana Yazdırma Şekilleri …

JavaScript’de verileri farklı şekillerde yazdırabilirsiniz !

innerHTML kullanarak bir HTML öğresine yazdırabilirsiniz ..

document.write() kullanarak HTML çıktısına yazdırabilirsiniz ..

window.alert() kullanarak bir uyarı kutusuna yazdırabilirsiniz ..

console.log() kullanarak tarayıcı konsoluna yazdırabilirsiniz ..

1-innerHTML kullanarak bir örnek yapalım

Örnek :

<!DOCTYPE html> <html> <body> <h2>Benim ilk sayfam.</h2> <p>İlk paragrafım.</p> <p id="demo"></p> <script> document.getElementById("demo").innerHTML = 5 + 6; </script> </body> </html>

Çıktı :

2-document.write() kullanarak bir örnek yapalım

Örnek :

<!DOCTYPE html> <html> <body> <h2>Benim ilk sayfam.</h2> <p>Benim ilk paragrafım.</p> <script> document.write(5 + 6); </script> </body> </html>

Çıktı :

3-window.alert() kullanarak bir örnek yapalım

Örnek :

<!DOCTYPE html> <html> <body> <h2>Benim ilk sayfam.</h2> <p>Benim ilk paragrafım.</p> <script> window.alert(5 + 6); </script> </body> </html>

Çıktı :

4-console.log() kullanarak bir örnek yapalım

Örnek :

<!DOCTYPE html> <html> <body> <h2>F12 ile debug menüsünü açınız</h2> <p>Tarayıcı açıkken fn+f12 yada f12 tuşlarına basınız seçeneklerden console'a gelip kontrol ediniz.</p> <script> console.log(5 + 6); </script> </body> </html>

Çıktı :

Bu yazımızda tıpkı programlama dillerinde olduğu gibi javascript’te de farklı şekillerde çıktı almayı gördük.

#javascript çıktıları

JavaScript Kullanım Alanı

http://kodlar.net/javascript-kullanim-alani/

JavaScript Kullanım Alanı

Etiketleri Arasında ..

HTML içerisinde, ve </ script> etiketleri arasında JavaScript kodu kullanılabilir.

Örnek :

<!DOCTYPE html> <html> <body> <p id="demo"></p> <script> document.getElementById("demo").innerHTML = "My First JavaScript"; </script> </body> </html>

JavaScript veya Etiketi

Bir HTML dosyasına istediğiniz kadar komut satırı ekleyebilirsiniz. Yorum satırı haricinde javascript komutları

veya etiketleri arasına konulur.

JavaScript içerisinde iken; Aşağıdaki JavaScript örneğinde bir HTML sayfasının

bölümüne bir JavaScript işlevi yerleştirilmiştir. Butona tıklandığında javascript kodu çalıştırılır.

Örnek:

<!DOCTYPE html> <html> <head> <script> function myFunction() document.getElementById("demo").innerHTML = "Paragraph changed."; </script> </head> <body> <h1>A Web Page</h1> <p id="demo">A Paragraph</p> <button type="button" onclick="myFunction()">Try it</button> </body> </html>

JavaScript içerisinde iken; Aşağıdaki JavaScript örneğinde bir HTML sayfasının

bölümüne bir JavaScript işlevi yerleştirilmiştir. Butona tıklandığında javascript kodu çalıştırılır.

Örnek:

<!DOCTYPE html> <html> <body> <h1>A Web Page</h1> <p id="demo">A Paragraph</p> <button type="button" onclick="myFunction()">Try it</button> <script> function myFunction() document.getElementById("demo").innerHTML = "Paragraph changed."; </script> </body> </html>

Komut dosyaları harici dosyalara da yerleştirilebilir:

function myFunction() document.getElementById("demo").innerHTML = "Paragraph changed.";

Harici kodlar, aynı kod birçok farklı web sayfasında kullanıldığında pratiktir. JavaScript dosyaları .js dosya uzantısına sahiptir.

Harici bir komut dosyası kullanmak için, komut dosyasının adını bir etiketinin içerisine src (source) komutunu yerleştirin:

Örnek:

<!DOCTYPE html> <html> <body> <h2>External JavaScript</h2> <p id="demo">A Paragraph.</p> <button type="button" onclick="myFunction()">Try it</button> <p>(myFunction is stored in an external file called "myScript.js")</p> <script src="myScript.js"></script> </body> </html>

Komut dosyalarını harici dosyalara yerleştirmenin bazı avantajları vardır:

HTML ve kodu ayırır HTML ve JavaScript'in okunması ve bakımı kolaylaştırır Önbelleğe alınmış JavaScript dosyaları sayfa yüklerini hızlandırabilir

Örnek:

Harici komut dosyalarına, tam bir URL ile veya mevcut web sayfasına göre bir yolla başvurulabilir.

Aşağıdaki örnekte, bir komut dosyasına bağlantı vermek için tam bir URL kullanır:

Örnek:

Aşağıdaki örnekte, geçerli web sitesinde belirtilen bir klasörde bulunan bir komut dosyasını kullanır:

Aşağıdaki örnekte, geçerli sayfa ile aynı klasörde bulunan bir komut dosyasına bağlanır:

Bu bölümde JavaScript'in HTML içerisinde kullanıldığı yerler'e ve JavaScript kodlarımızı nasıl HTML içerisinden kendi .js dosyasında kullanılıp nasıl çağrıldığını inceledik sonraki bölümlere bakmanızı tavsiye ederim :)

#JavaScript #JavaScript Kullanım alanı

JavaScript'e Giriş

http://kodlar.net/javascripte-giris/

JavaScript'e Giriş

JavaScript ile yapılabilecek bazı şeyler’e bir göz atalım.

JavaScript HTML içeriğini değiştirebilir.

Bunlardan metotlardan birisi getElementById(); ‘dir. Aşağıdaki örnekte html üzerinde bir buton oluşturulur onclick içerisine getElementById(“demo”).innerHTML içerisine “Hello JavaScript” verilir. butona basıldığında ise bu çıktı alınır.

<!DOCTYPE html> <html> <body> <h2>What Can JavaScript Do?</h2> <p id="demo">JavaScript can change HTML content.</p> <button type="button" onclick='document.getElementById("demo").innerHTML = "Hello JavaScript!"'>Click Me!</button> </body> </html>

Aynı şekilde JavaScript ile bir html öğesinin stilinide değiştirebilirsiniz. Aşağıdaki örnekte yazının boyutu butona basıldıgında değişir.

<!DOCTYPE html> <html> <body> <h2>What Can JavaScript Do?</h2> <p id="demo">Yazının boyutunu değiştir.</p> <button type="button" onclick="document.getElementById('demo').style.fontSize='35px'">Tıkla!</button> </body> </html>

JavaScript ile bir HTML öğesini gizleyebilirsiniz de ! Aşağıdaki örnekte butona tıkladığınızda yazının kaybolduğunu göreceksiniz..

<!DOCTYPE html> <html> <body> <h2>What Can JavaScript Do?</h2> <p id="demo">JavaScript can hide HTML elements.</p> <button type="button" onclick="document.getElementById('demo').style.display='none'">Click Me!</button </body> </html> >

Tam tersine gizli öğeleri açığada çıkarabilirsiniz !

<!DOCTYPE html> <html> <body> <h2>What Can JavaScript Do?</h2> <p>JavaScript can show hidden HTML elements.</p> <p id="demo" style="display:none">Hello JavaScript!</p> <button type="button" onclick="document.getElementById('demo').style.display='block'">Click Me!</button> </body> </html>

JavaScript Html ve Css ile kullanıldığında hem mobil hem de tarayıcı üzerinde çok aktif şekilde işlemler yapılabiliyor. Daha çok sunucu taraflı kullanılan bu dil çok kolaylık sağlıyor. Bu bölümde JavaScripte kısa bir giriş yaptık ve neler yapılabildiğini ucundan gördük. Diğer bölümleri takip edip ve JavaScript ile neler yapabileceğinizi keşfedin! 🙂

#JavaScript #JavaScript Giriş

Unity3D Nedir ? Unity ile Neler Yapılabilir ?

http://kodlar.net/unity3d-nedir-unity-ile-neler-yapilabilir/

Unity3D Nedir ? Unity ile Neler Yapılabilir ?

Unity 3D rusyada geliştirilip yayınlanan bir oyun motorudur. Çıkış amacı kendi web player’i ile tarayıcı üzerinden oyun oynanılmasıydı. Böyle birşeyin yapılması korsan oyunun önüne geçilmesini sağlayacaktı ve oyun sadece kendi internet sitesi üzerinden oynanabilecekti. Fakat Unity3D bununla yetinmeyip kendini geliştirdi.

İlk defa 4.0 sürümü ile Desktop, Android, IOS, Flash Player, PS3, Web Player ve XBOX platformlari icin oyun yapılmasına olanak sağladı. Bu oyun motoru ile sadece 3 boyutlu değil 2 boyutlu oyunlar da yapmaya olanak sağlanmaktadır fakat benim tavsiyem 3 boyutlu oyunlardır 🙂 .Unity Engines tarafından C/C++ ile geliştirilmiştir.

Diğer Oyun Motorlarından Farkı Nedir ?

Piyasada bir çok oyun motoru bulunmaktadır ;

Construct 2 Game Maker: Studio Godot Engine Unreal Engine

Diğer oyun motorlarından farkı hem ucuz olması, hem kaynağının bol olması hemde yaptığınız oyunu bir tıklama ile bütün çevrilebiliyor olması en büyük avantajlarından biridir. Mesela Android için kodladığınız bir oyunu ios için tekrar yazmanız gerekmez bu yüzden çok tercih edilen oyun motorlarından biridir.

Unity3D ile yapılmış oyunlar

1 ) Among the Sleep 2 yaşında küçük bir oyunun gözünden oynanılan bir korku oyunudur. 2 ) Besıege Kendi mancınığınızı tasarlayıp , düşmanlara saldırıp bölgelerini ele geçirdiğiniz bir erken erişim oyunudur. 3 ) Cities : SkyLines Kaliteli bir şehir kurma simülasyonudur. 4 ) Cities in motion 2 Simülasyon oyunları severlerine güzel bir ulaşım simülasyonu oyunudur. 5 ) FireWatch Yangın söndürme görevlisi olarak çalışmaya giden Henry’i oynayacaksınız.

Bir sonraki yazımızda Unity3D’ ye başlangıç yapacağız takipte kalın ..

#Unity3D #Unity3D Nedir

SQL ORDER BY Kullanımı

http://kodlar.net/sql-order-by-kullanimi/

SQL ORDER BY Kullanımı

SQL’de ORDER BY anahtar kelimesini verileri sıralanmış bir şekilde almak için kullanırız.Sadece sayısal verileri değil metinleri de alfabetik olarak sıralayabiliriz.Sıralama ifadesi büyükten küçüğe veya küçükten büyüğe şeklinde sıralanabilir.

Küçükten büyüğe sıralamada ASC , büyükten küçüğe sıralamada DESC ifadesini kullanırız.

Küçükten büyüğe sıralama kodu ;

SELECT alanAdi,alanAdi1 FROM tabloAdi ORDER BY alanAdi ASC

Büyükten küçüğe sıralama kodu ;

SELECT alanAdi,alanAdi1 FROM tabloAdi ORDER BY alanAdi DESC

Kodun kullanımı ile ilgili örnekler ;

Örnek Tablomuz ;

ogrenciler numara isim yas il 1001 Can 21 İstanbul 1221 Kerem 18 Erzurum 1345 Kerem 29 Kocaeli 1441 Mert 18 İstanbul

Çalıştırılacak kod ;

SELECT isim FROM ogrenciler ORDER BY yas ASC

Kodun çıktısı ;

isim Kerem Mert Can Kerem

SQL DELETE Kullanımı

http://kodlar.net/sql-delete-kullanimi/

SQL DELETE Kullanımı

SQL’de DELETE anahtar kelimesini tablomuzdaki verileri silmek için kullanırız.

Örnek Kod Kullanımı ;

DELETE FROM tabloAdi WHERE koşul

DELETE işlemini kullanırken dikkat etmemiz gereken nokta WHERE ile beraber yazılmasıdır.Eğer WHERE kullanmadan kodumuzu çalıştırırsak tüm tabloları silmiş oluruz.

Örnek Tablo ;

ogrenciler numara isim yas il 1001 Can 21 İstanbul 1221 Kerem 18 Erzurum 1345 Kerem 29 Kocaeli 1441 Mert 18 İstanbul

Kod :

DELETE FROM ogrenciler WHERE numara=1441

Çıktı ;

numara isim yas il 1001 Can 21 İstanbul 1221 Kerem 18 Erzurum 1345 Kerem 29 Kocaeli

Trending Blogs

Recently Viewed Blogs

Kodlar.Net