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

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

JAVASCRIPT 13665

Üst tarafa doğru kayan yazı

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

JAVASCRIPT 10400

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 9183

Buton Şeklinde Saat

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

JAVASCRIPT 7395

Dijital saat oluşturma

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

JAVASCRIPT 7074

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 6850

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 5981

Basit Takvim Oluşturma

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

JAVASCRIPT 5699

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

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

JAVASCRIPT 5351

Faktoriyel Hesabı

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

JAVASCRIPT 5097

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 4691

Kronometre

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

JAVASCRIPT 4628

Javascript Menü - Kayan Menü

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

JAVASCRIPT 4313

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 4093

E-Posta (email) Adresi Doğrulama

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

JAVASCRIPT 4078

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 3998

Geri dön (back) butonu

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

JAVASCRIPT 3855

JavaScript ile Sayfada Tarih Gösterilmesi

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

JAVASCRIPT 3755

Otomatik olarak pencere kapatmak

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

JAVASCRIPT 3688

Kayan yazılı buton örneği

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

JAVASCRIPT 3524

Javascript Menü - Gizli Menü - 1

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

JAVASCRIPT 3466

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 3418

Giriş sayfası (homepage) yapmak.

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

JAVASCRIPT 3198

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 3136

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 3016

Sağ Fare Tuşunu Kilitleme

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

JAVASCRIPT 2888

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

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

JAVASCRIPT 2873

Buton üzerine kayan yazı yazdırmak

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

JAVASCRIPT 2864

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 2816

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 2746

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 2734

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 2705

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 2636

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 2559

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 2555

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 2402

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

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

JAVASCRIPT 2402

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 2362

Sayfayı yenileme (refresh)

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

JAVASCRIPT 2349

StatusBar'a kayan yazı ekleme

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

JAVASCRIPT 2304

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

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

JAVASCRIPT 2246

Arkaplan rengi değiştirme

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

JAVASCRIPT 2226

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 2186

Sayfayı yazdırma

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

JAVASCRIPT 2178

Sayfayı kapatma

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

JAVASCRIPT 2171

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 2130

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 2110

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 2104

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 2098

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 2081

XML ve XSL ile çalışmak

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

JAVASCRIPT 2002

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

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

JAVASCRIPT 1957

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

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

JAVASCRIPT 1608

getDay() Method

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

JAVASCRIPT 1363

String Length

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

JAVASCRIPT 127

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 109

Intl.NumberFormat ile Para Birimi Düzenleme

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

JAVASCRIPT 97

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 93

Spread Operator ile Dizi ve Obje Kopyalama

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

JAVASCRIPT 92

URLSearchParams ile QueryString Okuma

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

JAVASCRIPT 88

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 88

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 84

Obje ve Dizi Parçalama (Destructuring)

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

JAVASCRIPT 82

Navigator ile Kullanıcı Konumu Alma

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

JAVASCRIPT 78

Pano API: Metni Panoya Kopyalama

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

JAVASCRIPT 77

console.table ile Verileri Tablo Olarak Görme

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

JAVASCRIPT 76

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

Set Yapısı ile Yinelenen Verileri Temizleme

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

JAVASCRIPT 68

localStorage ile Tarayıcıda Veri Kaydetme

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

JAVASCRIPT 68

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 68

ES6 Class ve Nesne Yönelimli Programlama

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

JAVASCRIPT 66

Async/Await ile Asenkron Programlama

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

JAVASCRIPT 66

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 64

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 63

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