Responde a un clic con addEventListener

La idea clave

Un evento es algo que ocurre, como pulsar un botón. addEventListener permite decirle a JavaScript qué función debe ejecutar cuando eso suceda.

Ejemplo paso a paso

Este ejemplo muestra la idea en acción. Sigue los pasos y después cámbialo tú.

const boton = document.querySelector('#accion');
boton.addEventListener('click', () => {
  document.querySelector('#saludo').textContent = '¡Has pulsado!';
});

Editar y probar este mismo ejemplo ↓

1. El botón ya existe en el HTML.
2. addEventListener registra una respuesta al evento click.
3. El texto solo cambia después de pulsar, no al cargar.

Practica con código

Antes de empezar, piensa: ¿Qué ves antes de pulsar el botón?

Haz que el botón muestre «¡Segundo mensaje!» cuando se pulse.