Ako určiť, že DOM je načítaný?

Použite udalosť DOMContentLoaded.

document.addEventListener('DOMContentLoaded', () => {
  // Kód, ktorý sa vykoná po načítaní DOM
});

Alternatívne môžete skontrolovať vlastnosť document.readyState:

if (document.readyState === 'loading') {
  document.addEventListener('DOMContentLoaded', () => {
    // Kód
  });
} else {
  // DOM je už načítaný
}

Udalosť DOMContentLoaded sa aktivuje po úplnom načítaní a parsovaní HTML dokumentu, ale pred načítaním externých zdrojov, ako sú štýly a obrázky.

Na určenie úplného načítania stránky, vrátane všetkých zdrojov, sa používa udalosť load:

window.addEventListener('load', () => {
  // Kód, ktorý sa vykoná po úplnom načítaní stránky
});