Como substituir $(document).ready() em JavaScript puro sem jQuery?

Olá a todos! Comecei a estudar JavaScript recentemente e antes usava jQuery. Lá eu estava acostumado a escrever este código:\n\n```javascript\n$(document).ready(function() {\n // meu código que executa após o carregamento do DOM\n console.log('Página pronta!');\n});\n```\n\nOu a versão abreviada:\n\n```javascript\n$(function() {\n // código\n});\n```\n\nAgora quero abandonar o jQuery para reduzir o tamanho da página e escrever em JavaScript puro. Mas não sei como fazer corretamente o equivalente a `$(document).ready()` em JS nativo.\n\nO problema é que se eu simplesmente escrever o script no `` ou no início do ``, ele pode ser executado antes que a árvore DOM esteja completamente construída. Por exemplo, estou tentando acessar um elemento que ainda não existe:\n\n```javascript\ndocument.querySelector('.my-class').