Bugün ne öğrendim? -5 Javascript 1

Tatlı bir haftasonundan sonra bomba gibi karşınızdayım. Bugünden itibaren bir süre Javascript öğreneceğim.

Javascript gerçek anlamda bir programlama dilidir. HTML ve CSS gibi bir etiketleme dili değildir. Dosya uzantısı .js’dir.

Haydi başlayalım.

Öncelikle gizli modda tarayıcıda bir sayfa açıyoruz. Sağa tıklayıp, “Ögeyi incele” diyoruz. Konsol kısmına tıklıyoruz. Bu şekilde Javascript kodlarını tarayıcımızın nasıl yorumladığını görebileceğiz.

alert(“Hello World”) diyoruz. Bunu diyince ekranda aşağıdaki gibi bir görsel çıkıyor.

İlk Javascript kodumuzu yazdık. Şimdi de yorum yazmayı öğrenelim.

// Yorum yazmak için kullanılıyor.

Konsolumuzu nasıl temizleriz?

clear() yazarak bunu yapabiliriz.

Javascript de python gibi hesap makinesi olarak kullanılabiliyor.

5-1

4

hatta üslü sayılar için

2**4 dersek kolaylıkla

16 sayısını bulabiliriz.

Strings

“Ege” + “Javascript öğreniyor.” yazdığımız zaman

Ege Javascript öğreniyor. çıktı veriyor.

“django”.length dediğimiz zaman kaç karakter var onu söylüyor.
“hello”[4] dediğimiz zaman 4. harfı ekrana basıyor.

Variables

Birşey tanımlarken kullanıyoruz.

var bankAccount = 100;

bankAccount yazdığımızda 100 diye çıktı veriyor. Bir de deposit diye birşey tanımlayalım ardından, total diye bir tanımlama daha yapalım.

var deposit = 50;

total = bankAccount + deposit

dediğimiz de 150 diye çıktı veriyor. Haydi bunu minik bir pencerede gösterelim.
alert(“total”) yazdığımızda karşımıza içinde 150 yazan bir pencere gelecek.

Peki ekranda bir girdi alanı oluşturmak istersek nasıl yapabiliriz?
promp(“Enter something”)
var age =promp(“yaşını girebilir misin?”)
Şimdi çok tatlı birşey yaptık var ile age adında bir değişken oluşturduk ve girdisini JS ile aldık. Artık dilersek, bu veriyi veritabanına işleyebiliriz. Sanki bunun için erken. Ama onun yerine konsola age yazarak girdiğimiz yaşı görebiliriz.

Yarın Javasrict ile yine çok eğlenceli şeyler yapacağım. 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