Wie ersetzt man in reinem JavaScript (Vanilla JS) $(document).ready() und führt Code nach dem DOM-Laden aus?

Hallo zusammen! Ich habe gerade angefangen, JavaScript zu lernen, und habe vorher ein bisschen mit jQuery gearbeitet. Dort war alles einfach: Um Code auszuführen, nachdem die Seite geladen und der DOM-Baum bereit ist, habe ich geschrieben: ```javascript $(document).ready(function() { // mein Code }); ``` Oder kurz: ```javascript $(function() { // mein Code }); ``` Jetzt habe ich beschlossen, auf jQuery zu verzichten und in reinem JavaScript (Vanilla JS) zu schreiben, um die Seitengröße zu reduzieren und besser zu verstehen, wie alles unter der Haube funktioniert. Aber ich bin auf ein Problem gestoßen: Wie mache ich richtig einen Ersatz für `$.ready()`? Ich habe versucht, `window.onload` zu verwenden, aber das wird erst ausgelöst, nachdem alle Bilder und Styles vollständig geladen sind, und ich möchte Code sofort ausführen, sobald der DOM aufgebaut ist. Zum Beispiel möchte ich Event-Listener an Buttons hängen oder Text in Elementen ändern, die bereits im HTML vorhanden sind. Ich habe versucht, das Skript am Ende von `` zu platzieren – das funktioniert, aber ich habe gehört, dass es einen korrekteren Weg gibt. Sagt mir, wie man es in reinem JavaScript macht.