In welcher Reihenfolge werden DOMContentLoaded abgearbeitet?

[Hörnchen]

Es gibt zwei Möglichkeiten um Skripte nach und nach zu ausführen zu lassen. Entweder du arbeitest im nächsten Script per EventListener ab ob das vorherige Script geladen wurde oder du machst das Ganze mithilfe von Promises.

Dazu hier ein Beispielscript:

function ladenDesSkripts(url) {
  return new Promise((resolve, reject) => {
    const skriptElement = document.createElement('script');
    skriptElement.src = url;
    skriptElement.onload = resolve;
    skriptElement.onerror = reject;
    document.head.appendChild(skriptElement);
  });
}

// Beispiel: Laden des ersten Skripts
ladenDesSkripts('erstesSkript.js')
  .then(() => {
    console.log('Das erste Skript wurde geladen.');
    // Nachdem das erste Skript geladen wurde, lade das nächste Skript
    return ladenDesSkripts('zweitesSkript.js');
  })
  .then(() => {
    console.log('Das zweite Skript wurde geladen.');
    // Führe hier weitere Aktionen aus oder lade weitere Skripte
  })
  .catch((fehler) => {
    console.error('Ein Fehler ist aufgetreten:', fehler);
  });