JavaScript Kod Örnekleri ve Etkileşimli Çözümler

JavaScript kategorisindeki tüm güncel örnekleri inceleyebilirsiniz.

JAVASCRIPT 13657

Üst tarafa doğru kayan yazı

Sayfanızda yukarı doğru kayan yazı yerleştirmek istediğinizde kullanabileceğiniz bir kkod örneği....

JAVASCRIPT 10394

Javascript Menü -Hareketli Menü

Javascript ile yapılmış hareket eden bir menü örneği. Sayfada linklerinizin değişik bir biçimde gözükmesini istiyorsanız...

JAVASCRIPT 9175

Buton Şeklinde Saat

Bir buton üzerinde saat göstermek için kullanabileceğiniz script örneği....

JAVASCRIPT 7387

Dijital saat oluşturma

Sayfaya dijital bir saat eklemesi yapmak için güzel bir uygulama...

JAVASCRIPT 7060

Arka plan renklerinin sürekli değişmesi

Sayfanızda arka planınızın sürekli değişmesini istiyorsanız bu scripti kullanabilirsiniz....

JAVASCRIPT 6842

Güzel bir soru-cevap formu

Ziyaretçinin sorduğu sorunun cevabını anında almasını istiyorsanız, bu scripti deneyin. Sayfa refresh edilmeden soruları...

JAVASCRIPT 5974

Basit Takvim Oluşturma

Sitenizde Yıl, Ay, Gün takvim görüntülemek için. (Tablo Şeklinde)...

JAVASCRIPT 5692

Javascript Menü -- Alt Tarafa Açılan Menü

Javascript ile yapılmış güzel bir menü örneği. Bir çok sitede örneklerini görebilirsiniz....

JAVASCRIPT 5343

Faktoriyel Hesabı

0 ile 100 arasındaki sayıların faktoriyelini hesaplayan script örneği....

JAVASCRIPT 5089

Sayfaya giriş ve çıkışta mesaj verme

Kullanıcıların sayfanıza giriş ve çıkışlarında mesaj vermek istiyorsanız bu script kullanmanız gerekmektedir....

JAVASCRIPT 4683

Kronometre

Javascript kodlarıyla yapılmış bir kronometre örneği....

JAVASCRIPT 4619

Javascript Menü - Kayan Menü

Sayfanın sol tarafında duran ve mouse ile tıklandığında kayarak açılan bir menü örneği...

JAVASCRIPT 4303

Ekran renginin değiştirilmesi

Hazırladığınız sayfaların ekran renklerini kullanıcının itdediği bir rek ile değiştirmesini istediğiniz zaman kullanabil...

JAVASCRIPT 4071

Doğumgünü Hesabı

Kullanıcının girdiği doğum gününe ne kadar zaman kaldığını gösteren bir örnek....

JAVASCRIPT 4064

E-Posta (email) Adresi Doğrulama

Formda kullanıcı tarafından girilen e-posta adresini kontrol eder....

JAVASCRIPT 3988

Geri dön (back) butonu

Bu kod ile sayfanızda geri dön butonu oluşturabilirsiniz....

JAVASCRIPT 3819

JavaScript ile Sayfada Tarih Gösterilmesi

JavaScript kodları kullanılarak web sayfasında tarih gösterilmesini sağlar....

JAVASCRIPT 3747

Otomatik olarak pencere kapatmak

Açılan bir pencerenin otomatik olarak kapatılmasını sağlayan bir örnek...

JAVASCRIPT 3681

Kayan yazılı buton örneği

Sayfanızda üzerinde kayan yazı olan bir buton (düğme) olsun istiyorsanız bu script'i kullanabilirsiniz....

JAVASCRIPT 3518

Javascript Menü - Gizli Menü - 1

Sayfanın sol tarafında duran ve mouse üzerine geldiği zaman açılan gizli menü örneği.....

JAVASCRIPT 3458

Durum satırında yanıp sönen mesaj gösterilmesi

Sayfanızın durum satırında dikkat çekmek için yanıp sönen yazı göstermek için kullanabileceğiniz bir örnek....

JAVASCRIPT 3409

Giriş sayfası (homepage) yapmak.

Kullanıcının tek tuşla sayfayı giriş sayfası olarak ayarlamasını sağlayan bir script....

JAVASCRIPT 3190

Sayfa yüklenirken uyarı mesajı (pop-up) gösterme

İstenilen mesajın sayfa yüklenirken ekrana gelmesini sağlayan basit bir JavaScript örneği....

JAVASCRIPT 3129

Ziyaret edilen saate göre kullanıcıya mesaj verme

Kullanıcının sayfayı ziyaret ettiği saate bakarak günaydın veya iyi akşamlar şeklinde mesaj veren bir script....

JAVASCRIPT 3006

Sağ Fare Tuşunu Kilitleme

Web sayfanızdaki resimlere sağ fare tuşu ile tıklandığında uyarı mesajı görüntüler....

JAVASCRIPT 2859

Buton üzerine kayan yazı yazdırmak

Herhangi bir buton üzerine kayan yazı yazdırmak istiyorsanız kullanabileceğiniz bir script örneği...

JAVASCRIPT 2857

Browser (Tarayıcı) Bilgileri

Siteyi ziyaret eden kullanıcıların bilgilerine ulaşmak istenildiğinde kullanılabilecek güzel bir script. Kullanıcı bilgi...

JAVASCRIPT 2855

Sayfayı yazıcıya gönderme (Print Page)

Sayfalarınızı yazıcıya göndermek için kullanabileceğiniz script....

JAVASCRIPT 2803

Combobax'lar arası iletişim

Bir açılan bir combobox'tan seçilen bir alanın alt başlıklarının başka bir comboboxta gösterilmesine ait bir örnek....

JAVASCRIPT 2738

Sağ tuş menüsü oluşturmak.

Sayfalarınızda kullanıcıların mouse (fare)'un sağ tuş fonksiyonlarına ulaşmasını istemiyorsanız bu scripti rahatlık...

JAVASCRIPT 2727

Kullanıcıların burçlarını belirleme

Sayfayı ziyaret eden kişilerin burçlarını öğrenmelerini sağlamak için hazırlanmış güzel bir script....

JAVASCRIPT 2697

Butona basıldığı zaman uyarı mesaj gösterme (pop-up)

İstenilen mesajın butona basıldığı zaman ekrana gelmesini sağlayan basit bir JavaScript örneği....

JAVASCRIPT 2629

Karakter Sayıcı (Character Counter)

Sayfalarınızda kullandığınız metin alanlarına gerilen karakter sayısını saymak için kullanabileceğiniz bi örnek....

JAVASCRIPT 2550

Javascript Menü - Gizli Menü - 2

Sayfanın sol tarafında duran ve mouse üzerine geldiği zaman açılan bir gizli menü örneği.....

JAVASCRIPT 2547

Durum Çubuğunda (StatusBar) Tarih-Saat Gösterimi

Durum çubuğunda o anki tarih ve saatin gösterilmesini sağlayan ufak bir script örneği....

JAVASCRIPT 2393

Kullanıcının Ekran Çözünürlüğü öğrenmek

Bazı durumlarda kullanıcının ekran çözünürlüğüne ihtiyaç duyabilirsiniz. Bu gibi durumlarda kullanabilceğiniz bir uygula...

JAVASCRIPT 2369

Belirli Aralıklarla Sayfayı Yeniden Yükleme (Refresh)

Bu script web sayfanızın sunucudan tekrar yüklenmesini sağlar....

JAVASCRIPT 2355

Sayfayı yenileme (refresh)

Kullanıcının sayfayı yenilemesini istediğinizde kullanabileceğiniz bir kod örneği...

JAVASCRIPT 2340

StatusBar'a kayan yazı ekleme

İstenilen mesajın kayan yazı olarak statusbar'da gösterilmesini sağlayan kısa bir script....

JAVASCRIPT 2271

Güçlü Password Ölçücü

Password bölümüne girilen bir şifrenin gücünü gösteren bir örnek...

JAVASCRIPT 2238

Arkaplan rengi değiştirme

Yazının üzerine gelince Bacground Color rengini değiştiren örnek...

JAVASCRIPT 2219

Siteye giren ziyaretçiyi tanımlama

Bu örnekte siteye ilk girişte kullanıcı ismi yazılıyor. Bundan sonraki ziyaretlerde hep o kişinin adını yazarak karşılam...

JAVASCRIPT 2179

Sayfayı yazdırma

Kullanıcının tek tuşla sayfayı yazdırması istendiği zaman kullanabileceğiniz kısa bir script....

JAVASCRIPT 2170

Sayfayı kapatma

Kullanıcının bir butona basarak sayfayı kapatması isteniyorsa, örnekteki kodu kullanabilirsiniz....

JAVASCRIPT 2142

Sık kullanılanlara ekleme

Kullanıcının sayfanızı sık kullanılanlar listesine eklemesini istediğiniz zaman kullanabileceğiniz bir kod....

JAVASCRIPT 2122

Karakter girişinin iptal edilmesi

Kullanıcılar tarafından formlara karakter girişinin yapılmasının istenmediği durumlarda kullanılan bir script. Sadece sa...

JAVASCRIPT 2101

Sol tuş menüsü oluşturmak

Sayfalarınızda kullanıcıların mouse (fare)'un sol tuş fonksiyonlarına ulaşmasını istemiyorsanız bu scripti rahatlık...

JAVASCRIPT 2097

Kullanılan tarayıcının özelliklerinin bulunması

Bazı durumlarda kullanıcıların tarayıcı özelliklerine ihtiyaç duyulabilmektedir. Bu durumda kullanabileceğiniz script ör...

JAVASCRIPT 2090

Tarayıcı (Browser) tanıma

Kullanıcının bağlandığı tarayıcı (browser)'ın türüne bakarak sayfaların başka adreslere yönlendirmesi mümkündür. Bu...

JAVASCRIPT 2072

XML ve XSL ile çalışmak

Javascript ile sayfanızda XML dosyalarını kullanmanız için hazırlanan bir örnek...

JAVASCRIPT 1994

Durum Çubuğunda (StatusBar) Mesaj Gösterimi

Durum çubuğunda istediğiniz mesajların gösterilmesini sağlayan ufak bir script örneği....

JAVASCRIPT 1947

Durum Çubuğunda (StatusBar) Sabit Yazı Gösterilmesi

Durum çubuğunda istediğiniz mesajın gösterilmesini sağlar....

JAVASCRIPT 1600

getDay() Method

getDay() haftanın günlerini 0-6 arasında gösterir....

JAVASCRIPT 1355

String Length

Javascriptte bir stringin uzunluğu str.length özelliği ile bulunur....

JAVASCRIPT 96

Debounce: Fonksiyonun Çalışmasını Geciktirme

Özellikle arama kutularında her harf basıldığında değil, işlem bittikten sonra tetikleme yapma tekniği....

JAVASCRIPT 77

Obje ve Dizi Parçalama (Destructuring)

Objelerin içindeki değerleri tek bir satırda değişkenlere atama yöntemi....

JAVASCRIPT 73

Navigator ile Kullanıcı Konumu Alma

Tarayıcı izniyle kullanıcının enlem ve boylam bilgilerine ulaşma....

JAVASCRIPT 70

Array.filter() ile Dizi Elemanlarını Filtreleme

Bir dizi içerisindeki elemanları belirli bir şarta göre süzerek yeni bir dizi oluşturma örneği....

JAVASCRIPT 70

Pano API: Metni Panoya Kopyalama

Tek tıkla bir metni kullanıcının panosuna (Ctrl+C yapmış gibi) kopyalayan modern fonksiyon....

JAVASCRIPT 70

Intl.NumberFormat ile Para Birimi Düzenleme

Sayıları yerel para birimi formatına (?, $) otomatik çevirme....

JAVASCRIPT 70

console.table ile Verileri Tablo Olarak Görme

Geliştiriciler için array veya objeleri konsolda tablo şeklinde şıkça listeleme....

JAVASCRIPT 61

localStorage ile Tarayıcıda Veri Kaydetme

Sayfa yenilense bile silinmeyen, kullanıcı bilgilerini tarayıcı hafızasında saklama yöntemi....

JAVASCRIPT 61

ES6 Arrow Function Kullanımı

JavaScript ES6 ile gelen, fonksiyon yazımını kısaltan ve "this" bağlamını kolaylaştıran yapı....

JAVASCRIPT 61

classList.toggle ile Element Görünürlüğü

Bir sınıfa (class) sahip olup olmadığını kontrol ederek dinamik stil değişikliği yapma....

JAVASCRIPT 60

Fetch API ile JSON Veri Çekme

Modern tarayıcılarda XMLHttpRequest yerine kullanılan, asenkron veri çekme (API) yönteminin en temel kullanımı....

JAVASCRIPT 60

Set Yapısı ile Yinelenen Verileri Temizleme

Bir dizi içindeki tekrar eden elemanları tek satırda silme yöntemi....

JAVASCRIPT 59

Template Literals ile Dinamik Metin Yazımı

Tırnak işaretleri yerine backtick (`) kullanarak değişkenleri metin içine kolayca gömme yöntemi....

JAVASCRIPT 59

ES6 Class ve Nesne Yönelimli Programlama

JavaScript üzerinde sınıflar oluşturma, constructor ve metod kullanımı....

JAVASCRIPT 59

URLSearchParams ile QueryString Okuma

Sayfa URL'sindeki parametreleri (örn: ?id=5) kolayca okuma yöntemi....

JAVASCRIPT 58

Async/Await ile Asenkron Programlama

Promise yapılarını daha okunabilir hale getiren, modern JavaScript asenkron fonksiyon yapısı....

JAVASCRIPT 58

Array.map() ile Dizi Elemanlarını Güncelleme

Dizi elemanlarının her birini işleyerek (Örn: 2 ile çarparak) yeni bir dizi döndürme....

JAVASCRIPT 57

Spread Operator ile Dizi ve Obje Kopyalama

Mevcut bir diziyi veya objeyi bozmadan başka bir yere kopyalama veya birleştirme....

JAVASCRIPT 57

Intersection Observer ile Sayfa Kaydırma Takibi

Element ekran görünürlüğüne girdiğinde işlem yapma (Örn: Resimlerin geç yüklenmesi)....

JAVASCRIPT 55

addEventListener ile Tıklama Olayı Yakalama

HTML elementine müdahale etmeden JavaScript üzerinden olay (click) yönetimi....

Arşivi Birlikte Büyütelim!

Elindeki faydalı kod bloklarını paylaşarak diğer geliştiricilere yardımcı olabilirsin.

Şimdi Kod Ekle