Javascript Örnekleri

Bu kategoride zor, orta ve kolay düzeyde Javascirpt kod örnekleri bulunmaktadır. Bu Javascript proje örnekleri ve Javascript algoritma sorularını çözerek Javascript’te öğrendiklerinizi pekiştirebilirsiniz.

Öncelikle eğer eksiklikleriniz varsa Javascript Dersleri sayfamıza gidip eksikliklerinizi tamamlamanızı öneririm.

Javascript Dersleri

1. Alan ve Çevre Hesaplama

2. Faktöriyel Hesaplama

3. Sınav Ortalaması Bulan Program

4. Arttır ve Azalt Butonları İle Sayaç

5. Üniversite Not Ortalaması Hesaplama

6. Kullanıcıdan Alınan Metni Listeye Ekleyen Program

7. Girilen İki Sayı Arasındaki Sayıları Ekrana Yazdıran Program

8. Basit Hesap Makinesi

9. Girilen Sayıya Kadar Olan Sayıları Toplama

10. Girilen Sayı Tek mi Çift mi Olduğunu Bulan Program

11. Hipotenüs Hesaplama

12. Girilen Sayı Asal Olup Olmama

13. Girilen İki Sayı Arasındaki Sayıları Toplama

14. Girilen İki Sayıyı Karşılaştıran Program

15. Dairenin Alanını ve Çevresini Bulan Program

16. Dizideki En Büyük ve En Küçük Sayıyı Bulma

17. Üs Alma

18. Çarpım Tablosu Oluşturma

19. 4 İşlem Yapan Program

20. Üçgenin Alanını Bulan Program

21. Dizinin Elemanlarını Toplama

22. Dizide Eleman Arama

23. Dizi Sıralama

24. Büyük-Küçük Harf Dönüşümü

25. Vücut Kitle İndeksi Hesaplama

26. Bir Sayıyı Ters Yazdırma

27. Rastgele Sayı Üretme

HTML/CSS ve Javascript Örnekleri

1. HTML, CSS ve Javascript İle Basit Sayaç Yapımı

2. HTML/CSS ve Javascript İle Quiz Uygulaması

3. HTML/CSS ve Javascript ile Rastgele Şifre Oluşturucu

4. HTML/CSS ve Javascript ile Neon Kalp Animasyonu

Basit Javascript Örnekleri

Soru : İki sayıyı toplayan Javascript kodunu yazınız.

Cevap :

<script>
        var s1=25;
        var s2=17;
        var sonuc=s1+s2;
        
        document.write("Sonuç : " + sonuc);
</script>

Çıktısı :

Sonuç : 42

Soru : İki sayının ortalamasını ekrana yazdıran Javascript kodunu yazınız.

Cevap :

<script>
        var s1=25;
        var s2=17;
        var sonuc=s1+s2;
        var ortalama = sonuc / 2;
        
        document.write("Sonuç : " + ortalama);
</script>

Çıktısı :

Sonuç : 21

Soru : Girilen sayının negatif mi yoksa pozitif mi olduğunu ekrana yazdıran Javascript kodunu yazınız.

Cevap :

<script>
        var s1 = -20;
	
    	if(s1>0)
              document.write("Girilen sayı pozitif");
        else if(s1<0)
              document.write("Girilen sayi negatif");
        else
              document.write("Sayı sıfıra eşit");
</script>

Çıktısı :

Girilen sayi negatif

Soru : Girilen 3 sayıdan en büyüğünü bulan Javascript kodunu yazınız.

Cevap :

<script>
        var s1 = 17;
        var s2 = 25;
        var s3 = 5;
        
        if(s1>s2){
           if(s2>s3)
              document.write("s1 büyük");
           else
              document.write("s3 büyük");
      	}
		else {
        	if(s1>s3)
        	    document.write("s2 büyük");
       		else
            	document.write("s3 büyük");
		}
</script>

Çıktısı :

s2 büyük

Soru : İki sayı arasındaki 3 ve 5’e tam bölünnenleri bulan Javascript kodunu yazınız.

Cevap :

<script>
        var s1 = 100;
        var s2 = 5;
        
        for(i=s2 ; i<s1 ; i++){
          if((i%3 == 0) && (i%5 == 0))
            document.write(i + "<br>");
	}
</script>

Çıktısı :

Javascript Nedir ?

Javascript, web geliştiricilerinin web sayfaları, sunucular, uygulamalar ve hatta tarayıcıda oynanabilen oyunlar geliştirirken daha dinamik etkileşimler oluşturmak için yaygın olarak kullandıkları bir programlama dilidir. Bu dil ile web sitenizin fonksiyonlarını artırabilir veya dinamik web siteleri oluşturabilirsiniz.

Javascript Örnek Soruları Çözmek Sana Ne Katacak ?

Sadece Javascript dilinde değil, hangi dili öğrenirseniz öğrenin pratik yapmak hem öğrendiklerinizi pekiştirmenize, hem de öğrendiğiniz bilgileri daha kalıcı hale getirmenize yarayacak. Bu sayfadaki Javascript basit projeler ve Javascript algoritma örneklerini çözerek öğrenme sürecinizi çok daha hızlı ve verimli hale getirebilirsiniz.

Javascript dili ile neler yapılabilir ?

Web ve Mobil Uygulamalar
Web Sunucuları ve Sunucu Uygulamaları Oluşturma
Web Sitelerinde Etkileşimli Davranış
Oyun Geliştirme

Javascript ile Yapılan Uygulamalar

Javascipt bir çok projede ve alanda kullanılabilir. İşte yakından tanıdığımız ve projelerinin bir kısmında da olsa Javascript ile yapılan uygulamalar.

Google
Facebook
Netflix
Amazon
Microsoft
Twitter
Uber
Airbnb
Slack
Adobe

Javascript Kodlarını Yazmak İçin Hangi Kod Editörünü Kullanabilirsin ?

Aslında Javascript kod örneklerini yazabilmek için kod editörü kullanmak zorunlu değil. Bilgisayarda bulunan metin belgesiyle de Javascript kodlarını yazabilirsiniz. Fakat verimliliği arttırmak ve daha hızlı kod yazmak için kod editörü kullanmak gerekiyor. Javascript örnek projeler için kullanabileceğiniz bazı kod editörleri;

Visual Studio Code
Sublime Text
Atom

Bu kod editörleri ve daha farklı editörler hakkında detaylı bilgi almak istiyorsanız ‘Kullanabileceğiniz En İyi Kod Editörleri‘ adlı yazımızı okuyabilirsiniz.

Bu Kategorideki Örneklerin Zorluk Derecesi Nedir ?

Bu kategoride Javascript dili için zor, orta ve kolay düzeyde örnekler ve örnek projeler bulunmaktadır. Düzeyinize uygun Javascript örnek projeler ile öğrendiklerinizi pekiştirebilirsiniz.