Pazartesi , 23 Ocak 2017
Anasayfa » JavaScript » Javascript Örnekleri

Javascript Örnekleri

30’dan fazla çeşitli zorluk seviyesine göre hazırlanmış  JavaScript Örnekleri ve JavaScript Uygulamalarını kapsamaktadır.  Basit, Döngülü, Şartlı ve Form uygulamalarını kapsayacak şekilde javascript  örnek uygulamalarını kullanabilirsiniz. JavaScript dili, yapısı ve nesneleri ile ilgili derslere göz atmak içinde JavaScript Dersleri konusunu inceleyebilirsiniz.

  1. Basit Dijital Saat Yapımı
  2. Basit Tooltip Yapımı
  3. Sayı tek mi, çift mi
  4. Sayfayı Yenileme Kodu
  5. Çemberin çevresini hesaplayan program
  6. Kürenin alanını hesaplayan program.
  7. window.setTimeOut Örneği
  8. Dikdörtgenin alanını çevresini hesaplayan program.
  9. Kilometre cinsinden uzunluğu mile çevirme
  10. JavaScript: Butona Tıklayınca Sayıyı Arttırma / Azaltma
  11. Üçgenin Alanını Hesaplama
  12. JavaScript: Farenin Konumunu Öğrenme
  13. JavaScript Arkaplanı rastgele Değiştirme (setInterval)
  14. Javascript:Faktöriyel Hesaplama Örneği
  15. JavaScript: Sayıyı Yazıya Çevirme
  16. JavaScript Şifre Üretici Yapımı
  17. 4 Renk Direnç Hesaplama
  18. Kağıt, Makas, Taş Oyunu
  19. Hesap Makinası Örneği
  20. Sayısal Loto Örneği
  21. Farenin Konumunu Öğrenme
  22. Fareyi Takip Eden Kutu
  23. Üçgenin Alanını Hesaplama
  24. JavaScript Ay İsmini Ekrana Yazdırma
  25. Butona tıkladığında sayfayı tam ekran yapma
  26. JavaScript animateRequestFrame 
  27. JavaScript ile Ortalama Hesaplama
  28. Ses dosyasını oynatma, duraklatma ve sesini değiştirme
  29. Try Catch Throw Örneği (11 haneli numara kontrol örneği)
  30. Diğer JavaScript If Else Örnekleri
  31. Diğer JavaScript Form Örnekleri

 

Basit Dijital Saat Yapımı

[Basit] Web sayfalarınızda kullanabileceğiniz ve Sadece şart içeren basit javascript örneği.  innerHTML yerine artık güncel tanımlama olan textContent özelliği ile içerik değiştirilmiştir.

DEMO

Basit Tooltip Yapımı

[Zor] Bu örnek Şartlar, Döngüler DOM manipulasyonu ve JavaScript ile CSS tanımlamalarını içeren görece olarak zor sayılabilecek kullanışlı bir javascript örneğidir.

DEMO

Sayı Tek mi Çift Mi

[Çok Basit] Text kutusuna girilen değerin tek, çift yada sayı olmadığını yazdıran program

Sayfayı 5 saniyede bir yenileme kodu

Arrow fonksiyon ile sayfayı 5 saniyede bir yenileme

Anonim fonksiyon ile sayfayı 5 saniyede bir yenileme kodu

Çemberin çevresi;

[Basit] Javascript ile fonksiyon tanımlaması hazırlanıp, hazırlanan bu metodu tıklama olayına bağlandığı basit javascript örneği

 

Kürenin alanını hesaplama;

[Basit]

window.setTimeOut Örneği

[Basit]

 

İki kenarı girilen dikdörtgenin çevresi;

[Basit]

İki kenar girilen dikdörtgenin alanı;

[Basit]

Kilometreyi mile dönüştürme;

[Basit]

 

JavaScript: Butona Tıklayınca Sayıyı Arttırma / Azaltma

[Orta]

DEMO

 

Üçgenin Alanını Hesaplama

[Basit]

JavaScript: Farenin Konumunu Öğrenme

[Orta]

DEMO

JavaScript Fareyi Takip Eden Kutu Örneği

[Zor]

 JavaScript Arkaplanı rastgele Değiştirme (setInterval)

[Basit] Sayfanın arkaplanını 1 saniye süreyle rastgele belirlenen bir renge göre değiştirme örneği;

DEMO

 

Javascript:Faktöriyel Hesaplama Örneği

[Orta]

 

JavaScript: Sayıyı Yazıya Çevirme

[Zor]

Butona tıkladığında sayfayı tam ekran yapma

[Zor] CSS ile sözde full-screen seçicisi kavramını açıklamak için hazırlanmış olan bir örnektir. Bu örnekte javascript ile tarayıcılara göre değişen metod isimlerini ve JavaScript ile CSS doğrudan müdahale edebildiğimizi gösteren basit bir örnektir.

DEMO

JavaScript AnimateRequestFrame

[Orta]  window.requestAnimationFrame kullanarak renkli div kutularını ekrana bastırma örneği.  Daha fazla zamanlayıcı örnekleri için tıklayın.

DEMO

JavaScript Ortalama Hesaplama

[orta] Text kutusundaki değerli okuyup ortalama not 50den küçükse kaldı, değilse geçti yazdıran örnek. Örnek içinden dizilerde kullanılan forEach metodu, addEventListerner ile olay ataması yapılmıştır. Tasarımın daha düzgün görünmesi için de JavaScript Örneği CSS ile biçimlendirilmiştir.

DEMO

Audio dosyası Olaylarını Kontrol Etme

DEMO

[Orta] Ses Dosyasını Oynatma, Duraklatma ve Ses Ayarını Değiştirme

 

Try Catch Throw Örneği

[Basit] Try Catch kavramı ile 11 haneli basit mantıkta numara kontrolü yapıp, girilen numaralar 11 haneden az ise az girdiniz. 11 handen fazla ise fazla girdiniz. Numara değilse de hatalı karakter girdiniz uyarısı yaptıran JavaScript Try Catch örneği

 

Diğer JavaScript If Else Örnekleri

Diğer JavaScript Form Örnekle

Hakkında Hayri

İlginizi Çekebilir

JavaScript HTML DOM Nesneleri

HTML DOM ile, javaScript kullanarak bir HTML belgesinin tüm elementlerine ulaşıp, değiştirebilirsiniz.  DOM; HTML, SVG, …

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Wordpress Tema indir