JavaScript Notları
JavaScript, web sayfalarına dinamizm ve etkileşim kazandırmak için kullanılan bir programlama dilidir.
Java Script Kodları script etiketinin içinde yazılır.
JavaScript Örnek 1: Yazı Tipi Değiştirme
Butona tıklandığında yazı tipi değişecek.
P etiketi ile yazdığımız yazının fontu butona tıkladığında değişiyor. Style kodu ile metne bir CSS kodu
ekledik. Script etiketine yazdığımız javascript kodu ile butona tıkladığımızda yazı tipini değiştiriyoruz.
Bunun için change adı ile bir fonksiyon yazıyoruz. Butona tıkladığında yazdığımız change
fonksiyonunu çalıştırıyor.
JavaScript Örnek 2: Butona tıkladığında sayfanın arka plan rengi değiştiriliyor.
Alert ile sayfanın arka plan rengi
değiştirildiğinde” arka plan rengi
değiştiriliyor” uyarısı veriyor. 3 butonumuz
var.3 ayrı fonksiyon çalıştırıyor.
Fonksiyonlar sayfanın arka plan rengini
değiştiriyor.
JavaScript Örnek 3: Lamba Aç ve Kapa Uygulaması
Sayfada iki buton var. Openlight butonuna tıkladığında yanan lamba, close light butonuna
tıkladığında sönük lamba resmi çıkıyor.
JavaScript Örnek 4: İki Sayının Toplamı
Sahnede iki adet veri girişi(input) öğemiz var. Butona tıkladığımızda
sayıların toplamını yazıyor.
İnputlara number özelliği atanıyor. Çünkü sadece sayısal veri girilsin istiyoruz. Topla fonksiyonu
sayi1 ve sayi2 id li inputlardan kullanıcının girdiği sayı değerlerini alarak toplama işlemini yapıyor
ve sonucu da sonuç etiketli p etiketinin içine yazıyor.
JavaScript Örnek 5: Not Uygulaması
Sayısal veri istenen number tipinde bir input koyuyoruz. KontrolEt isimli bir fonksiyon yazıyoruz.
Fonksiyonun görevi, inputtan gelen değeri sayı cinsine çevirip, eğer değer 50 den büyükse Geçtiniz,
0’dan büyükse kaldınız mesajı yazdırmak.