javascript

Bir dizide birden fazla kez geçen değerleri bulmak için daha önce görülen değerleri Set içinde tutabilirsiniz. Aşağıdaki kod tekrar eden her değeri sonuç dizisine yalnızca bir kez ekler; ayrıca her değerin kaç kez geçtiğini de hesaplar: const dizi = ["elma", "armut", "elma", "kiraz", "armut"...

JavaScript’e başlamak için önce tarayıcının geliştirici konsolunda birkaç satır kod çalıştırın; ardından HTML sayfasına bağladığınız bir .js dosyasında küçük bir etkileşim kurun. Temel sıranız değişkenler, koşullar, döngüler, fonksiyonlar, diziler ve nesneler olmalı; bunları öğrendikten sonra...

İlk paragrafta ana yanıtı, izlenecek yolu ve ulaşılabilecek sonucu doğrudan ver. Konunun önemini öven genel açılış veya bu makalede anlatacağız vaadiyle başlama. JavaScript’te sayfa yenilenmeden URL parametrelerini değiştirmek için history.pushState() veya history.replaceState() kullanılır. Bu...

JavaScript’te bir sayfa öğesini seçmek için genellikle document.querySelector() veya kimliği bilinen öğeler için document.getElementById() kullanılır. Seçilen öğenin yazısını değiştirmek için textContent özelliğine yeni metni atamanız yeterlidir. Kodun, HTML öğesi tarayıcı tarafından...

async bir fonksiyonun döndürdüğü Promise reddedildiğinde hatayı yakalamanın en doğrudan yolu, ilgili await ifadelerini try...catch bloğuna almaktır. Hata yakalandığında catch içinde mesajı gösterebilir, günlüğe yazabilir veya kullanıcıya uygun bir sonuç döndürebilirsin. İşlemden bağımsız olarak...

JavaScript’te sayıları doğru sıralamak için sort() metoduna sayısal karşılaştırma yapan bir işlev vermen gerekir. Varsayılan sort() değerleri metin olarak karşılaştırdığı için [10, 2, 30].sort() sonucu beklediğin gibi [10, 2, 30] değil, [10, 2, 30] gibi görünebilir; güvenli kullanım...

JavaScript’te CORS hatası, tarayıcının bir web sayfasının farklı bir kaynakta bulunan API’ye erişmesine izin vermemesiyle oluşur. Çözüm, JavaScript kodunu zorlayarak tarayıcı güvenliğini aşmak değil, API sunucusunun isteği gönderen kaynağa uygun CORS yanıt başlıklarını döndürmesini sağlamaktır...

İlk paragrafta ana yanıtı, izlenecek yolu ve ulaşılabilecek sonucu doğrudan ver; gerekiyorsa sonucu değiştiren temel koşulu belirt. Okuru asıl bilgiye ulaşmak için gereksiz paragraflar okumaya zorlama.

İşlem yapmak için butona bir olay dinleyicisi eklemeniz gerekir. En yaygın yöntem, JavaScript’te addEventListener('click', ...) kullanmaktır. Kullanıcı butona bastığında tanımladığınız işlev çalışır ve istediğiniz işlem, örneğin metin değiştirme, hesaplama yapma veya sunucuya istek gönderme, bu...

Sayfa yüklenirken JavaScript kodunun ne zaman çalışacağını seçmek için en güvenli genel yöntem, kodu DOMContentLoaded olayına bağlamaktır. Bu olay HTML belgesi ayrıştırılıp DOM ağacı hazırlandığında çalışır; görsellerin ve diğer kaynakların tamamen yüklenmesini beklemez. Kodunuzun sayfadaki HTML...

İstemci tarafında veya Node.js gibi fetch destekleyen bir ortamda API’ye POST isteği göndermek için istek gövdesini JSON’a çevirip Content-Type: application/json başlığını ekleyin. Sunucunun yanıtını response.ok ve durum koduyla kontrol ederek JSON olarak okuyabilirsiniz. Aşağıdaki varsayımsal...

İstemci tarafında form doğrulamak için alan değerlerini gönderme anında okuyup kurallara göre kontrol edin; geçersiz alanlarda hata mesajı gösterin, formun gönderilmesini durdurun ve geçerli olduğunda veriyi işleyin. Ancak JavaScript doğrulaması tek başına güvenlik sağlamaz. Tarayıcı dışında...

İlk tercihiniz, metnin tamamının geçerli bir sayı olmasını bekliyorsanız Number() kullanmaktır. Örneğin Number("42") sonucu 42 olur. Ondalık metinler için Number() veya parseFloat(), tam sayının başındaki rakamları almak için ise parseInt() kullanılabilir. Dönüşümden sonra Number.isNaN() ile...

İlk yapmanız gereken, hata mesajındaki undefined değerinin hangi değişkenden geldiğini bulmaktır. Bunun için hatanın gösterdiği satırda zinciri parçalara ayırın, her ara değeri console.log() ile kontrol edin ve eksik değerin neden oluştuğunu düzeltin. Örneğin user.address.city ifadesinde hata...

JavaScript’te bir API’den veri çekmek için genellikle fetch() kullanılır. İstek gönderilir, yanıtın başarılı olup olmadığı kontrol edilir, gövde json() ile JavaScript nesnesine dönüştürülür ve elde edilen veri ekranda kullanılır. Aşağıdaki örnekte varsayımsal bir API adresinden kullanıcı listesi...

İstemci tarafında dosya yüklemek için HTML’de bir input[type="file"] alanı oluşturup JavaScript ile seçilen dosyayı FormData içine ekleyerek sunucuya fetch() üzerinden gönderebilirsiniz. Sunucunun da bu isteği kabul edip dosyayı kaydetmesi gerekir; yalnızca tarayıcıdaki JavaScript kodu dosyayı...

Bir dizideki tekrar eden değerleri kaldırmanın en kısa yolu, diziyi Set nesnesine dönüştürüp yeniden diziye çevirmektir: const benzersiz = [...new Set(dizi)]; Bu yöntem aynı değerin yalnızca ilk karşılığını korur ve değerlerin dizideki ilk görülme sırasını bozmaz. En pratik çözüm: Set kullanmak...

JSON dosyasını JavaScript’te okumak için tarayıcıda genellikle fetch(), Node.js’te ise fs modülü kullanılır. Tarayıcı örneğinde dosyanın yolunu fetch() ile alıp response.json() sonucunu bekleyerek nesneye dönüştürürsünüz. Dosya başarıyla okunursa JSON içindeki alanlara JavaScript nesnesi gibi...

async/await hatalarını yakalamanın temel yolu async/await kullanan bir fonksiyonda oluşan hatayı yakalamak için await ifadesini try...catch bloğunun içine alın. try bölümündeki işlem başarılıysa program normal akışına devam eder; hata oluşursa denetim catch bölümüne geçer. Hatanın gerçekten...

İster nesne dizisini ister tek bir nesnenin anahtarlarını sıralayın, temel yöntem JavaScript’te sort() kullanmaktır. Nesne dizisini belirli bir özelliğe göre sıralarken karşılaştırma işlevinde a.özellik ile b.özellik değerlerini karşılaştırın; sayısal değerlerde çıkarma, metinlerde ise...