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

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

JAVASCRIPT 13655

Üst tarafa doğru kayan yazı

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

JAVASCRIPT 10390

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 9174

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 7058

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 6841

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 5973

Basit Takvim Oluşturma

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

JAVASCRIPT 5691

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

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

JAVASCRIPT 5342

Faktoriyel Hesabı

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

JAVASCRIPT 5088

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 4682

Kronometre

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

JAVASCRIPT 4618

Javascript Menü - Kayan Menü

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

JAVASCRIPT 4302

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 4069

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 4063

E-Posta (email) Adresi Doğrulama

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

JAVASCRIPT 3987

Geri dön (back) butonu

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

JAVASCRIPT 3818

JavaScript ile Sayfada Tarih Gösterilmesi

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

JAVASCRIPT 3746

Otomatik olarak pencere kapatmak

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

JAVASCRIPT 3679

Kayan yazılı buton örneği

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

JAVASCRIPT 3517

Javascript Menü - Gizli Menü - 1

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

JAVASCRIPT 3456

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 3408

Giriş sayfası (homepage) yapmak.

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

JAVASCRIPT 3188

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 3128

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 3005

Sağ Fare Tuşunu Kilitleme

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

JAVASCRIPT 2857

Buton üzerine kayan yazı yazdırmak

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

JAVASCRIPT 2855

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 2854

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

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

JAVASCRIPT 2802

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 2736

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 2696

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 2627

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 2549

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 2546

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 2392

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 2367

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

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

JAVASCRIPT 2354

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 2269

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

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

JAVASCRIPT 2237

Arkaplan rengi değiştirme

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

JAVASCRIPT 2218

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 2178

Sayfayı yazdırma

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

JAVASCRIPT 2169

Sayfayı kapatma

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

JAVASCRIPT 2140

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 2121

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 2100

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 2094

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 2088

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 2071

XML ve XSL ile çalışmak

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

JAVASCRIPT 1993

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

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

JAVASCRIPT 1946

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

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

JAVASCRIPT 1599

getDay() Method

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

JAVASCRIPT 1354

String Length

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

JAVASCRIPT 95

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 76

Obje ve Dizi Parçalama (Destructuring)

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

JAVASCRIPT 72

Navigator ile Kullanıcı Konumu Alma

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

JAVASCRIPT 69

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 69

Pano API: Metni Panoya Kopyalama

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

JAVASCRIPT 69

Intl.NumberFormat ile Para Birimi Düzenleme

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

JAVASCRIPT 69

console.table ile Verileri Tablo Olarak Görme

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

JAVASCRIPT 60

localStorage ile Tarayıcıda Veri Kaydetme

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

JAVASCRIPT 60

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 60

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 59

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 59

Set Yapısı ile Yinelenen Verileri Temizleme

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

JAVASCRIPT 58

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 58

ES6 Class ve Nesne Yönelimli Programlama

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

JAVASCRIPT 58

URLSearchParams ile QueryString Okuma

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

JAVASCRIPT 57

Async/Await ile Asenkron Programlama

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

JAVASCRIPT 57

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 56

Spread Operator ile Dizi ve Obje Kopyalama

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

JAVASCRIPT 56

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 54

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