DOM'un yüklü olduğunu nasıl belirlerim?

DOMContentLoaded olayını kullanın.

document.addEventListener('DOMContentLoaded', () => {
  // DOM yüklendikten sonra çalıştırılacak kod
});

Alternatif olarak, document.readyState özelliğini kontrol edebilirsiniz:

if (document.readyState === 'loading') {
  document.addEventListener('DOMContentLoaded', () => {
    // Kod
  });
} else {
  // DOM zaten yüklü
}

DOMContentLoaded olayı, HTML belgesi tamamen yüklenip ayrıştırıldıktan sonra, stil ve resimler gibi dış kaynakların yüklenmesinden önce tetiklenir.

Sayfanın tüm kaynaklar dahil olmak üzere tam yüklenmesini belirlemek için load olayı kullanılır:

window.addEventListener('load', () => {
  // Sayfa tam yüklendikten sonra çalıştırılacak kod
});