Bugün ne öğrendim? 8 Javascript 4

Bugün kursumdaki son Javascript bölümünü bitirdim. Bu yüzden bugün uygulamaya daha çok ağırlık verdim.

Bugün nesneler konusunu öğrendim. Şimdi biraz inceleyelim;

Formdaki tipik bir JS objesi:

{Key1:”değer1″,Key2:”değer2″,… }

Haydi bir örnek üzerinden inceleyelim.

var person={
ad: “Ege”,
soyad: “orhan”,
yas :26,
gozrengi: “Kahverengi”,
}
dediğimiz zaman nesnemizi tüm alanlarda kullanılabilecek hale getiriyoruz. Html’de kullanmak istersek aşağıdaki şekilde yapabiliriz.

nesneadı.değişkenadı
yani
person.ad

Şimdi de biraz tanımlamaya göz atalum

var carInfo={make:”Toyota”, year:”1990″, model:Corolla};

Böyle dediğimiz zaman bir nesne tanımlamış oluyoruz.

carInfo olarak sorgularsak, nesnemizin tamamını görüntülebiliriz.

sadece bir değişkeni incelemek istersek
carInfo[“make”] dememiz yeterli.

Bugün bunları öğrendim, ardından kendi projemi oluşturmaya çalıştım. 2 farklı proje oluşturdum. Birini burada paylaşacağım. Ötekini biraz daha geliştirip github’a koymayı planlıyorum.


İlkkez wordpress’e böyle birşey ekliyorum. Umarım çalışır. (çalışmadı bari fotoğraf ekleyeyim)

  <script type="text/javascript">
function split_ayir(x)
{
    var katar = document.getElementById("girisKatar").value;
    var ayrac = document.getElementById("girisAyrac").value;
    var yazilacak = "";

    var dizi = katar.split(ayrac);

    for(i = 0;i < dizi.length;i++)
        yazilacak += (i + 1) + ". harf : " + dizi[i] + "\n";

    alert(yazilacak);


}

</script>

<p>Karakter Katarı :
<input type="text" id="girisKatar" value="" /></p>

<p>
<input type="button" id="girisAyrac" value="" /></p>

<input type="button" value="Harflere Ayır" onClick="split_ayir()"/>

Daha verimli yazılarda görüşmek üzere

Bir Cevap Yazın

Aşağıya bilgilerinizi girin veya oturum açmak için bir simgeye tıklayın:

WordPress.com Logosu

WordPress.com hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Google fotoğrafı

Google hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Twitter resmi

Twitter hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Facebook fotoğrafı

Facebook hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Connecting to %s