javascript

Açılır menüyü dışına tıklanınca kapatmak için menü kapsayıcısına bir belge düzeyinde click olay dinleyicisi ekleyin. Tıklanan öğe menünün içinde değilse menüyü kapatın; menünün içindeyse hiçbir işlem yapmayın. Bu ayrım için element.contains(event.target) kontrolü kullanılır. Aşağıdaki örnekte...

İlk tercih olarak navigator.clipboard.writeText() kullanın. Kopyalama işlemini bir kullanıcı etkileşimi, genellikle bir düğme tıklaması içinde başlatın ve sayfanın HTTPS üzerinden çalıştığından emin olun. Promise başarıyla tamamlanırsa metin sistem panosuna yazılmış olur; hata oluşursa...

Bir dizide tekrar eden değerleri bulmanın en kısa yolu, diziyi Set ile eşsizleştirip filter() kullanmaktır. Örneğin ["elma", "armut", "elma", "kiraz", "armut"] dizisinden ["elma", "armut"] sonucunu elde edebilirsiniz. Her değeri yalnızca bir kez listelemek istiyorsanız Set, tekrar sayısını da...

JavaScript’te bir nesnenin özelliğini kontrol etmek için, aradığınız şeyin ne olduğuna göre in, Object.hasOwn() veya hasOwnProperty() kullanılır. Yalnızca nesnenin kendi özelliğini kontrol edecekseniz en güvenli ve açık yöntem Object.hasOwn(nesne, "özellik") ifadesidir. Özelliğin değeriyle...

API’den gelen verileri sayfada göstermek için fetch() ile API adresine istek gönderilir, yanıt json() ile JavaScript nesnesine dönüştürülür ve elde edilen değerler DOM’a, yani sayfanın HTML yapısına, eklenir. Aşağıdaki örnekte kullanıcı listesi alınır; istek sürerken bilgi gösterilir, başarılı...

Tarayıcı kapandıktan sonra veriyi korumak için JavaScript değişkeni yerine tarayıcının kalıcı depolama API’lerinden birini kullanmalısınız. Küçük ayarlar ve basit metinler için localStorage, büyük veya yapısal veriler için IndexedDB uygundur. Uygulama yeniden açıldığında veriyi aynı alan adından...

Arama kutusundaki metni her liste öğesinin yazısıyla karşılaştırıp eşleşmeyen öğeleri gizleyerek filtreleme yapabilirsiniz. Aşağıdaki örnekte kullanıcı yazdıkça input olayı çalışır, liste metinleri küçük harfe dönüştürülür ve arama ifadesini içermeyen öğeler gizlenir. Arama kutusu boş...

Bir dizideki nesneleri belirli bir özelliğe göre sıralamak için Array.prototype.sort() metoduna karşılaştırma işlevi verin. Sayısal değerlerde a.deger - b.deger artan, b.deger - a.deger azalan sıralama yapar. Metinlerde ise localeCompare() kullanmak gerekir. sort(), çoğu durumda mevcut diziyi...

Formu sayfa yenilenmeden göndermek için formun varsayılan gönderme davranışını event.preventDefault() ile durdurup alan değerlerini FormData veya JSON olarak alarak fetch() ile sunucuya göndermeniz gerekir. Sunucu başarılı bir yanıt döndürdüğünde formu temizleyebilir, kullanıcıya sonucu...

İçindeki sayılardan en büyüğünü almak için diziyi Math.max() fonksiyonuna açarak aktarabilirsiniz: Math.max(...sayilar). Örneğin [12, 5, fik?] değil, geçerli bir sayı dizisi olan [12, 5, 28, 9] için sonuç 28 olur. Dizi boş olabileceği veya değerler metin olarak gelebileceği için, sonucu...

JavaScript’te tarih ve saati kullanıcıya okunabilir biçimde göstermek için en güvenli genel yöntem Intl.DateTimeFormat kullanmaktır. Tarih ve saat bilgisini bir Date nesnesine aldıktan sonra dil bilgisini, gösterilecek parçaları ve gerekiyorsa saat dilini seçeneklerle belirtirsiniz. Böylece aynı...

İstemci tarafında form gönderilmeden önce zorunlu alanları kontrol etmek için HTML alanlarına required özniteliği ekleyip formun submit olayını dinleyebilirsiniz. Tarayıcı, boş bırakılan alanlarda gönderimi durdurur; JavaScript ile checkValidity() veya reportValidity() kullanarak sonucu kontrol...

Butona tıklanınca başka bir sayfaya yönlendirmek için en basit yöntem, butonun tıklama olayında window.location.href değerine hedef adresi atamaktır. Örneğin document.getElementById('yonlendir').addEventListener('click', function () { window.location.href = 'https://ornek.com/sayfa.html'; })...

Sayfa yenilendiğinde form verilerini korumak için alanların değerlerini tarayıcı depolamasına, genellikle localStorage içine kaydetmeniz ve sayfa yeniden açıldığında bu değerleri tekrar form alanlarına yazmanız gerekir. Aşağıdaki örnekte kullanıcı yazdıkça form verileri otomatik kaydedilir...

Dizide tekrar eden elemanları bulmanın en pratik yolu, her elemanın dizide kaç kez geçtiğini saymaktır. Tekrar eden değerleri yalnızca bir kez almak istiyorsanız filter ve indexOf kullanılabilir; daha okunabilir ve büyük dizilerde daha uygun bir çözüm için Map veya Set tercih edilebilir...

JavaScript’te asenkron işlemleri yönetmek için async ve await anahtar kelimeleri oldukça etkilidir. Bu yapılar, geleneksel then/catch zincirine alternatif olarak daha okunabilir bir yazım sunar. Bu rehberde, async ve await kullanarak asenkron işlemleri nasıl gerçekleştireceğinizi adım adım...

API, bir yazılımın sunduğu işlevleri başka kodların belirlenmiş kurallarla kullanmasını sağlayan arayüzdür. Açılımı “Application Programming Interface”, Türkçe karşılığı “uygulama programlama arayüzü”dür. Örneğin bir uygulama, GitHub profilindeki herkese açık bilgileri almak için profil...

JavaScript Nedir? JavaScript, dinamik web sayfaları oluşturmak için yaygın olarak kullanılan bir programlama dilidir. Hem frontend (ön yüz) hem de backend (arka yüz) geliştirme için geniş bir uygulama alanına sahiptir. JavaScript, kullanıcı etkileşimleri, element manipülasyonu ve dinamik içerik...

Kısa cevap const, değeri sonradan yeniden atamayacağınız değişkenler için; let, sonradan değişecek değişkenler için; var ise eski JavaScript kodunu okurken anlamanız gereken eski bir tanımlama biçimidir. MDN, let'in blok kapsamlı, const'un blok kapsamlı ve yeniden atanamaz, var'ın ise değişken...

JavaScript’i açma yolu tarayıcıya göre değişir; en hızlı kontrol, ayarlarda JavaScript izninin açık olup olmadığına bakmaktır. Chrome: Ayarlar > Gizlilik ve güvenlik > Site ayarları > JavaScript yolunu açın, ardından “Siteler JavaScript kullanabilir” seçeneğini seçip sayfayı yeniden yükleyin...