javascript

Tarayıcıda bir değeri kaydetmek için localStorage.setItem(anahtar, değer), geri almak için aynı anahtarla localStorage.getItem(anahtar) kullanın. Değerler metin olarak saklandığından nesne ve dizileri kaydetmeden önce JSON metnine dönüştürmeniz gerekir. Kaydedilen veri, aynı kaynakta açılan...

Bu hata, JavaScript’in null olan bir değerin özelliğini okumaya çalıştığını gösterir. Hata mesajındaki özellik adını ve hatanın oluştuğu satırı bulun; ardından özelliğin solundaki değerin neden boş olduğunu belirleyin. Beklenen bir öğe veya veri eksikse kaynağını düzeltin; eksiklik geçerliyse...

Bir input alanının güncel değerini almak için önce JavaScript ile alanı seçin, ardından .value özelliğini okuyun. Örneğin document.getElementById('ad').value, kimliği ad olan alandaki o anki metni verir. Değeri kullanıcı yazdıktan sonra okumak için bu işlemi bir düğme tıklaması veya form...

Bir nesne dizisini belirli bir özelliğe göre sıralamak için sort() metoduna o özelliği karşılaştıran bir fonksiyon verin. Sayılar için değerleri çıkarabilir, metinler için localeCompare() kullanabilirsiniz. sort() mevcut diziyi değiştirdiğinden, ilk sırayı korumak istiyorsanız önce dizinin bir...

Formun submit olayında varsayılan gönderimi event.preventDefault() ile durdurup alanları FormData ile toplayabilir ve fetch() üzerinden sunucuya gönderebilirsiniz. Sunucunun yanıtını sayfadaki bir alana yazdığınızda kullanıcı sonucu sayfa yenilenmeden görür. Bunun çalışması için isteği...

JavaScript’te metni panoya kopyalamak için navigator.clipboard.writeText(metin) kullanın. Bu yöntemi güvenli bir sayfada, tercihen kullanıcının düğmeye tıklamasıyla çağırın ve dönen işlemin tamamlanmasını bekleyin. İşlem başarılıysa metin sistem panosuna yazılır; başarısızsa kullanıcıya metni...

Sayı veya metin gibi değerler içeren bir dizideki tekrarları kaldırmak için [...new Set(dizi)] kullanın. Bu ifade, her değerin bir kez yer aldığı yeni bir dizi oluşturur ve ilk görülme sırasını korur. Nesnelerde ise eşitliğin hangi özelliğe göre belirleneceğini ayrıca seçmeniz gerekir. Set ile...

API isteği yapmak için async bir fonksiyon içinde fetch() çağırın, yanıtı await ile bekleyin ve HTTP durumunu kontrol ettikten sonra JSON verisini okuyun. try...catch ile ağ ve veri işleme hatalarını yakalayabilirsiniz. Aşağıdaki yerel örnek, aynı yöntemi gerçek bir API adresine uyarlamanızı...

JSON biçimindeki bir metni JavaScript değerine dönüştürmek için JSON.parse(metin) kullanın. Metin bir JSON nesnesi içeriyorsa sonuç, özelliklerine nokta veya köşeli parantezle erişebileceğiniz bir JavaScript nesnesidir. Veriyi fetch() ile alıyorsanız yanıtı okumak ve ayrıştırmak için...

Formun submit olayını dinleyip olay işleyicisinde event.preventDefault() çağırın. Bu işlem, tarayıcının normal form gönderimini ve buna bağlı sayfa geçişini engeller. Verileri sunucuya kaydetmek istiyorsanız, ardından bunları JavaScript ile ayrıca göndermeniz gerekir. Formun gönderimini...

JavaScript hatalarını azaltmak için dışarıdan gelen değerleri doğrulayın, karşılaştırmalarda türleri açıkça yönetin, asenkron işlemlerin tamamlanmasını bekleyin ve hataları test ederek izleyin. Özellikle form verileri, ağ istekleri ve sayfaya eklenen kullanıcı içerikleri farklı hata türleri...

JavaScript’te dosya okuma yöntemi kodun çalıştığı ortama bağlıdır: Tarayıcıda kullanıcının seçtiği dosyayı File.text() ile, Node.js ortamında ise dosya yolunu fs.readFile() işlevine vererek okuyabilirsiniz. Her iki yöntemde de metin içeriğini aldıktan sonra ekranda gösterebilir veya...

Bir sayfa öğesine tıklandığında işlem yapmak için öğeyi JavaScript ile seçip addEventListener("click", ...) ile bir olay dinleyicisi ekleyin. Dinleyici, tıklama gerçekleştiğinde verdiğiniz fonksiyonu çalıştırır. Kodun öğeyi bulabilmesi için öğe, seçim yapılmadan önce sayfada oluşturulmuş...

Tarayıcıda bir değeri kaydetmek için localStorage.setItem(anahtar, değer), okumak için localStorage.getItem(anahtar) kullanın. Veriler metin olarak saklanır; nesne veya dizi kaydederken önce JSON’a dönüştürmeniz, okurken de geri ayrıştırmanız gerekir. Kaydedilen değer, aynı kaynaktaki sayfa...

Bir fetch isteğini süre dolduğunda iptal etmek için AbortController oluşturun, sinyalini isteğe verin ve setTimeout() ile belirlediğiniz süre sonunda abort() çağırın. İstek tamamlandığında zamanlayıcıyı temizleyin; böylece yanıtı beklemeyi ve devam eden yanıt gövdesi okumayı durdurabilirsiniz...

Bir dizideki nesneleri filtrelemek için filter() metoduna her nesne için koşul döndüren bir fonksiyon verin. Koşulu sağlayan nesneler yeni bir dizide toplanır; orijinal diziye eleman eklenmez veya diziden eleman çıkarılmaz. Nesne özelliğine göre filtreleme Aşağıdaki varsayımsal örneği...

Bir null veya undefined hatasını çözmek için önce hata veren satırda hangi değerin eksik olduğunu bulun. Ardından değerin neden gelmediğini düzeltin; eksik olması beklenen bir durumsa erişimden önce kontrol yapın veya uygun bir varsayılan değer kullanın. Böylece yalnızca hatayı susturmak yerine...

Form verilerini almak için formun submit olayını dinleyip FormData oluşturabilirsiniz. Önce HTML alanlarının kurallarıyla ve gerekiyorsa JavaScript ile değerleri doğrulayın; ardından geçerli verileri sunucuya gönderin. Tarayıcıdaki doğrulama kullanıcıya hızlı geri bildirim verir, ancak sunucunun...

API’den gelen verileri ekrana yazdırmak için fetch() ile isteği gönderin, yanıtın durumunu kontrol edin, JSON verisini JavaScript nesnesine dönüştürün ve istediğiniz alanları sayfadaki HTML öğelerine yerleştirin. Aşağıdaki örnek önce yerel bir JSON dosyasıyla çalışır; ardından aynı kodu uygun...

Bir Date nesnesini YYYY-MM-DD biçimine çevirmek için önce tarihin hangi saat dilimine göre yazılacağına karar verin. UTC tarihi gerekiyorsa tarih.toISOString().slice(0, 10) kullanabilirsiniz. Cihazın veya sunucunun yerel takvim tarihi gerekiyorsa yıl, ay ve günü yerel tarih metotlarıyla...