Jak určit, že je DOM načten?

Použijte událost DOMContentLoaded.

document.addEventListener('DOMContentLoaded', () => {
  // Kód, který bude proveden po načtení DOM
});

Alternativně můžete zkontrolovat vlastnost document.readyState:

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

Událost DOMContentLoaded se spustí po úplném načtení a zpracování HTML dokumentu, ale před načtením externích zdrojů, jako jsou styly a obrázky.

Pro určení úplného načtení stránky, včetně všech zdrojů, se používá událost load:

window.addEventListener('load', () => {
  // Kód, který bude proveden po úplném načtení stránky
});