LA PÁGINA NO RESPONDE

querySelector devuelve null

document.querySelector devuelve null cuando no encuentra un elemento que coincida con el selector.

Si te aparece: No encuentro un elemento o aparece null al usar querySelector

Solución rápida: Comprueba el HTML, el selector y el momento de ejecución. Usa defer o type="module" cuando corresponda y valida el elemento.

Qué está pasando

Puede haber un selector incorrecto, un elemento inexistente o un script ejecutado demasiado pronto.

Cómo corregirlo

✕ Código problemático
// En una página sin #saludo:
document.querySelector('#saludo').textContent = 'Hola';
✓ Código corregido
const titulo = document.querySelector('#saludo');
if (titulo) titulo.textContent = 'Hola';

Cómo comprobarlo

Si el elemento existe, cambia su texto; si no existe, la página no lanza TypeError.

Ten en cuenta

Este ejemplo pertenece a una página HTML con DOM; no se ejecuta en Node.js sin un DOM proporcionado por otra herramienta.