Mehrere EventListener DOMContentLoaded - Reihenfolge?

[Linuchs]

Moin,

ich füge meinen Webseiten externe js-Dateien zu. Mehrere können

window.addEventListener('DOMContentLoaded', function () {
...
});

enthalten, z.B.

• Seitenzahl hinzufügen
• Audios (mp3) auf halbe Lautstärke stellen und mit EventListener versehen
• von A4 auf A3 umformatieren

Nun habe ich festgestellt, wenn die Audis Eventlistener bekommen und danach im DOM verschoben werden, hängen die Listener nicht mehr dran.

Also muss ich eine Reihenfolge beim Aufruf der js-Dateien einhalten?

Wie ist denn die Regel, wenn ein 'DOMContentLoaded' läuft, müssen die anderen 'DOMContentLoaded' warten? Und wie ist es, wenn die zweite js-Datei eher geladen wird als die erste?

Ich hoffe, mich verständlich ausgedrückt zu haben.

Gruß, Linuchs