JavaScript

Javascript Örnekleri

Bu sayfada 40’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ı kopyalayıp kullanabilirsiniz. JavaScript Örneklerine geçmeden önce javascript dili hakkında kısaca bir bilgi vermek gerekir. Yada JavaScript dili, yapısı ve nesneleri ile ilgili derslere göz atmak içinde JavaScript Dersleri yazısını okuyabilirsiniz.

JavaScript Nedir

Başlangıçta Brendan Eich tarafından geliştirilmiş ve  ilk LiveScript olarak isimlendirilen programlama dili olan JavaScript, 1995 yılında yeniden adlandırılmıştır. JavaScript, bir web tasarımcısına kendi web sayfalarına kod ekleme olanağı veren, yorumlanmış bir istemci tarafı kodlama dili olmuştur.  JavaScript genellikle bir HTML  dosyasına yerleştirilir ve doğrudan web sayfasından çalışır. Saat ve tarihe basmak, bir takvim oluşturmak veya düz HTML ile mümkün olmayan diğer görevleri yapmak için kullanılır.

JavaScript ile Java Aynı Dil Değildir

JavaScript’e yeni başlayanların, web ortamında sık karşılaştığı bir kavram da javascript için kısaca java ifadesi kullanılması sorunudur. Java ile javaScript dilleri bir birinden çok ama çok farklı kavramlardır.

Java, bir makine ortamında bağımsız olarak çalıştırabileceği anlamına gelen, nesne yönelimli bir programlama dilidir. Android cihazlar için uygulamalar, terminaller için yazılımlar ve sunucu taraflı web sayfaları hazırlamak için kullanılan güvenilir bir dildir. Java uygulamarı çalışabilmesi için derlenmesi gerekir.

JavaScript, diğer taraftan, web tabanlı bir uygulamanın parçası olarak çalıştırılacak olan metin tabanlı bir programlama dilidir. İlk geliştirildiğinde, Java için bir iltifat olması amaçlandı. Ancak JavaScript, web geliştirme alanındaki üç temelden biri olarak hayatına devam ediyor. Diğeri HTML ve CSS dilleridir.  JavaScript uygulamaları çalışabilmesi için tarayıcılar tarafından yorumlanması gerekir. Aşağıdaki JavaScript Kodlarını yazdıktan sonra her hangi bir tarayıcıda açıp uygulayabilirsiniz.

 

JavaScript Örnekleri Listesi (JavaScript Kodları Listesi)

  1. JavaScript Hipotenüs Hesaplama Örneği
  2. JavaScript Sayısal Loto Örneği
  3. JavaScript Varmısın Yokmusun Örneği
  4. JavaScript Dizi İçindeki En Büyük En Küçük Sayıyı Bulma Örneği
  5. JavaScript Dikdörtgen Alan ve Çevre Hesaplama Örneği
  6. JavaScript Asal Sayı Kontrol Etme Örneği
  7. JavaScript Daire Alanı ve Çevresini Hesaplama Örneği
  8. JavaScript Faktoriyel Hesaplama Örneği
  9. JavaScript While Döngüsü Örnekleri
  10. JavaScript Metin İçinde Arama Yapma Örneği
  11. JavaScript Switch Case Kullanımı Örneği
  12. JavaScript Rastgele Sayı Üretme Örneği
  13. JavaScript Girilen Sayının Negatif Pozitif Olduğunu Bulan Örnek
  14. JavaScript Sayfa Arkaplan Rengini Rastgele Değiştirme Örneği
  15. JavaScript Dizi Metotları Örnekleri
  16. JavaScript Km-Mil Çevirme Örneği
  17. JavaScript Derece-Fahrenayt Çevirme Örneği
  18. JavaScript Gün İsmini Ekrana Yazdırma Örneği
  19. JavaScript Sayı Tahmin Oyunu Örneği
  20. JavaScript Console Log Kullanımı
  21. JavaScript Kürenin Hacmini Hesaplama Örneği
  22. JavaScript Üçgenin Alanını Hesaplama Örneği
  23. JavaScript Çarpım Tablosu Örneği
  24. JavaScript 3′ e ve 5′ e Tam Bölünebilme Örneği
  25. JavaScript Karenin Alanı ve Çevresini Hesaplama Örneği
  26. JavaScript Yazılı Ortalaması Hesaplama Örneği
  27. JavaScript Try-Catch-Finally Kullanımı Örneği
  28. JavaScript Div İçeriğini Temizleme Örneği
  29. JavaScript Switch-Case Kullanımı Örneği
  30. JavaScript Buttona tıklandığında Kod Çalıştırma Örneği
  31. JavaScript events(olay) kullanımı Örnekleri
  32. JavaScript For Döngüsü Karışık Örnekler
  33. JavaScript Tarih ve Saat Yazdırma Örneği
  34. JavaScript Fonksiyon Kullanımı Örneği
  35. JavaScript Vize Final Hesaplama Örneği
  36. JavaScript onInput Olay Kullanımı Örneği
  37. JavaScript Kayan Yazı Örneği
  38. JavaScript Kombinasyon Hesaplama
  39. JavaScript radio Kullanarak Dört İşlem Örneği
  40. JavaScript Toplama Çıkarma Çarpma Bölme Örneği
  41. JavaScript Sayfayı Tam Ekran Yapma Örneği
  42. JavaScript Fare Konumunu Öğrenme Örneği
  43. JavaScript Object Kullanımı Örneği
  44. JavaScript Kalan Karakter Bulma- Karakter Sayma Örneği
  45. JavaScript Mükemmel Sayı Kontrol Etme Örneği
  46. Basit Dijital Saat Yapımı
  47. Basit Tooltip Yapımı
  48. Sayı tek mi, çift mi
  49. Sayfayı Yenileme Kodu
  50. JavaScript İntergral Alma
  51. Çemberin çevresini hesaplayan program
  52. Kürenin alanını hesaplayan program.
  53. window.setTimeOut Örneği
  54. Dikdörtgenin alanını çevresini hesaplayan program.
  55. Kilometre cinsinden uzunluğu mile çevirme
  56. JavaScript Dört İşlem Matematik Oyunu
  57. JavaScript: Butona Tıklayınca Sayıyı Arttırma / Azaltma
  58. Üçgenin Alanını Hesaplama
  59. JavaScript: Farenin Konumunu Öğrenme
  60. JavaScript Arkaplanı rastgele Değiştirme (setInterval)
  61. Javascript:Faktöriyel Hesaplama Örneği
  62. JavaScript: Sayıyı Yazıya Çevirme
  63. JavaScript Şifre Üretici Yapımı
  64. 4 Renk Direnç Hesaplama
  65. Kağıt, Makas, Taş Oyunu
  66. Hesap Makinası Örneği
  67. Sayısal Loto Örneği
  68. Farenin Konumunu Öğrenme
  69. Fareyi Takip Eden Kutu
  70. Üçgenin Alanını Hesaplama
  71. JavaScript Ay İsmini Ekrana Yazdırma
  72. Butona tıkladığında sayfayı tam ekran yapma
  73. JavaScript animateRequestFrame 
  74. JavaScript ile Ortalama Hesaplama
  75. Ses dosyasını oynatma, duraklatma ve sesini değiştirme
  76. Try Catch Throw Örneği (11 haneli numara kontrol örneği)
  77. Bilgisayarın tuttuğu sayıyı tahmin etme örneği
  78. 1-100 arasındaki sayıların 3’e yada 5’e bölünenlerini yazdırma
  79. Input Range Kullanım Örneği
  80. Output Element Kullanımı ve Örneği
  81. Diğer JavaScript If Else Örnekleri
  82. Diğer JavaScript Form Örnekleri
  83. JavaScript Dersleri

 

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

 JavaScript Integral Alma

Şeklindeki bir alanın hesaplanması için integral alma yöntemi kullanılmaktadır. Yukarıdaki integralin hesaplaması için aşağıdaki javascript örneğini kullanabilirsiniz. İntegral alma ile daha detaylı bilgi için c# integral alma konusunu inceleybilirsiniz.

 

Ç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

Bilgisayarın Tuttuğu Sayıyı Tahmin Etme

[Basit] Bilgisayarın rastgele tuttuğu sayıyı kaç seferde bildiğine ekrana yazdıan program

1-100 arasındaki sayıların 3’e yada 5’e bölünenlerini yazdırma

[Çok Basit] for döngüsü ve karar yapıları kullanılarak 1-100 arasındaki sayılardan 3e yada 5e tam bölüneleri ekrana yazdırma

 

Diğer JavaScript If Else Örnekleri

Diğer JavaScript Form Örnekle

Yorum

Css ve Javascript'in SEO Etkisi (Css, Javascript Sıkıştırma) için bir cevap yazın X