Comment remplacer $(document).ready() en JavaScript pur (Vanilla JS) et exécuter du code après le chargement du DOM ?

Bonjour à tous ! Je viens de commencer à apprendre JavaScript, et avant cela, j'ai un peu travaillé avec jQuery. Là-bas, tout était simple : pour exécuter du code après le chargement de la page et la construction de l'arbre DOM, j'écrivais : ```javascript $(document).ready(function() { // mon code }); ``` Ou en version raccourcie : ```javascript $(function() { // mon code }); ``` Maintenant, j'ai décidé d'abandonner jQuery et d'écrire en JavaScript pur (Vanilla JS) pour réduire la taille de la page et mieux comprendre comment tout fonctionne sous le capot. Mais je suis confronté à un problème : comment faire correctement un équivalent de `$.ready()` ? J'ai essayé d'utiliser `window.onload`, mais cela ne se déclenche qu'après le chargement complet de toutes les images et styles, alors que j'ai besoin d'exécuter le code dès que le DOM est construit. Par exemple, je veux attacher des gestionnaires d'événements à des boutons ou modifier le texte dans des éléments déjà présents dans le HTML. J'ai essayé de placer le script à la fin de `` — cela fonctionne, mais j'ai entendu dire qu'il existe une méthode plus correcte. Dites-moi comment en