30 Kasım 2015 Pazartesi

Javascript Başlangıç Seviyesi Çalışma 1 : Javascript ile Yazı Yazdırmak

Javascript Nedir?


Javascript web sitelerinin önyüz(frontend) tarafındaçalışan bir dinamik programlama dilidir. Javascript Nedir? Ne Değildir? Öğrenmek için vikipedia sayfasına bakabilirsiniz.

Javascript ile Neler Yapılarbilir?

Javascript ile web sayfasının görünümünü değiştirebilir, kullanıcı ile etkileşim kurabilir  ve  çeşitli animasyonlar, oyunlar programlayabilirsiniz. Ayrıca sunucu ile veri alışverişi sağlayabilirsiniz.

Basit bir Javascript çalışması yapalım.
Aşağıdaki kedi resmine tıklayın bakalım ne olacak?

Javascript İle Sayfadaki bir yazıyı değiştirebilirsiniz?




Cat Icon
Kediyi Konuşturun!

Kediyi tekrar konuşturmak için sayfayı yenileyin

Aşağıda  mavi ile renklendirdiğimiz kod aslında basit bir javascript kodu.  Kedi ikonuna tıklandığı anda  sayfadaki id'si kedi1 olan elemanı buluyor ve içeriğindeki yazıyı değiştiriyor.


<img alt="Cat Icon" border="0" src="/cat-icon.png" title="Kediye Tıklayın"  onclick="document.getElementById('kedi1').innerHTML = 'Miyavv! Mama yok mu mama?'"  class="kedi1"/></a>
<p id="kedi1">Kediyi Konuşturun!</p>

Kullandığımız Javascript Kodlarının  Açıklamaları


onclick : tıklama olayını dinleyen html özelliği
innerHTML : HTML elemanının içerğini değiştiren javascript kodu
document : sayfanın kendisi
getElementById : tanımlanan id'yi, taşıyan HTML elemanlarını bulan javascript kodu

Şimdilik bu kadar. Unutmayın Javascript Öğrenmek Kolay ve Eğlencelidir.