Averigua dónde ocurrió un clic

La idea clave

A veces pulsamos una palabra dentro de un botón. El evento nos dice en qué elemento comenzó el clic: eso es event.target. event.currentTarget identifica el elemento donde registraste la escucha; en este ejemplo, siempre es el botón.

Ejemplo paso a paso

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

document.querySelector('#accion').addEventListener('click', event => {
  document.querySelector('#saludo').textContent = event.target.tagName;
});

Editar y probar este mismo ejemplo ↓

1. El botón contiene una palabra dentro de la etiqueta strong.
2. event.target es el elemento sobre el que se inició el clic.
3. tagName muestra su nombre de etiqueta en mayúsculas.

Practica con código

Antes de empezar, piensa: ¿Será igual el resultado al pulsar el borde del botón y el texto en negrita?

Sustituye target por currentTarget y pulsa la palabra en negrita. Debe mostrar BUTTON en ambos casos.