Repaso
English

¿Qué devuelve document.querySelector(".btn")?

Opciones

  1. Todos los elementos que tienen la clase btn
  2. La primera coincidencia de .btn, o null si no hay ninguna (Opción correcta)
  3. El único elemento cuyo id es btn en la página
  4. Un string con el HTML de ese elemento

Respuesta

El primer elemento que coincide con el selector CSS .btn, o null si no hay ninguno

Por qué

querySelector acepta cualquier selector CSS y devuelve el PRIMER elemento que coincide, o null si nada coincide.

querySelectorAll devuelve TODAS las coincidencias como una lista.

.btn significa clase 'btn'; #btn significaría id 'btn'.

Recuerda

querySelector = primera coincidencia. querySelectorAll = todas.

Términos clave

Practica esta pregunta en Repaso