Cómo reemplazar $(document).ready() en JavaScript puro (Vanilla JS) y ejecutar código después de que el DOM esté cargado

¡Hola a todos! Acabo de empezar a aprender JavaScript, y antes trabajé un poco con jQuery. Allí todo era simple: para ejecutar código después de que la página cargara y el árbol DOM estuviera listo, escribía: ```javascript $(document).ready(function() { // mi código }); ``` O abreviado: ```javascript $(function() { // mi código }); ``` Ahora decidí dejar jQuery y escribir en JavaScript puro (Vanilla JS) para reducir el tamaño de la página y entender mejor cómo funciona todo bajo el capó. Pero me encontré con un problema: ¿cómo hacer correctamente un equivalente de `$.ready()`? Probé usar `window.onload`, pero esto se dispara solo después de que todas las imágenes y estilos se hayan cargado por completo, y necesito ejecutar código tan pronto como el DOM esté construido. Por ejemplo, quiero asignar event handlers a botones o cambiar texto en elementos que ya están en el HTML. Probé poner el script al final de `` — eso funciona, pero he oído que hay una forma más correcta. Díganme, ¿cómo se hace en Vanilla JS?