Cómo reemplazar $(document).ready() en JavaScript puro sin jQuery

¡Hola a todos! Acabo de empezar a aprender JavaScript y antes usaba jQuery. Allí estaba acostumbrado a escribir código como este: ```javascript $(document).ready(function() { // mi código que se ejecuta después de cargar el DOM console.log('¡Página lista!'); }); ``` O la versión abreviada: ```javascript $(function() { // código }); ``` Ahora quiero dejar jQuery para reducir el tamaño de la página y escribir en JavaScript puro. Pero no sé cómo hacer correctamente el equivalente de `$(document).ready()` en JS nativo. El problema es que si simplemente escribo el script en `` o al inicio de ``, puede ejecutarse antes de que el árbol DOM esté completamente construido. Por ejemplo, intento acceder a un elemento que aún no existe: ```javascript document.querySelector('.my-class').textContent = '¡Hola!'; // Error: elemento null ``` ¿Cómo esperar correctamente a que el DOM se cargue completamente en JavaScript puro? ¿Hay varias formas de hacerlo? ¿Y en qué se diferencian? Quiero mucho escribir en p