Bu hata, değeri null olan bir şeyin özelliğini okumaya çalıştığında oluşur. En sık DOM'da görülür.

Neden olur?

document.getElementById('x') öğe bulamazsa null döner. Script HTML'den önce çalışıyorsa öğe henüz yoktur.

Hatalı kod

const btn = document.getElementById('kaydet');
btn.addEventListener('click', ...);   // btn null -> hata

Doğru kod

const btn = document.getElementById('kaydet');
if (btn) {
  btn.addEventListener('click', () => console.log('tiklandi'));
}
// veya script'i </body>'den once koy ya da DOMContentLoaded kullan

Kontrol listesi

  • Öğenin id'sini HTML ile birebir aynı yazdığından emin ol.
  • Script'i </body>'den hemen önce koy ya da DOMContentLoaded olayını bekle.
  • Kullanmadan önce if (element) ile null kontrolü yap.

JavaScript derslerimizle bunu pekiştirebilirsin.