DOM жүктөлгөнүн кантип аныктоо керек?

DOMContentLoaded окуясынын колдонушуңуз керек.

document.addEventListener('DOMContentLoaded', () => {
  // DOM жүктөлгөндөн кийин ишке ашырылчу код
});

alternatyv, сиз document.readyState мүлкүн текшере аласыз:

if (document.readyState === 'loading') {
  document.addEventListener('DOMContentLoaded', () => {
    // Код
  });
} else {
  // DOM алгачкы жүктөлгөн
}

DOMContentLoaded окуясы HTML документ толугу менен жүктөлүп, талдангандан кийин, тышкы ресурстар, мисалы, стили жана сүрөттөр жүктөлгөнгө чейин болот.

Баракчанын толук жүктөлүшүн, бардык ресурстар менен бирге аныктоо үчүн, load окуясы колдонулат:

window.addEventListener('load', () => {
  // Баракчанын толук жүктөлгөндөн кийин ишке ашырылчу код
});