Подскажите, как используя делегирование научить программу "понимать" на каком элементе произошло событие?
Например, имеется родительский блок и пять кнопок в нем. Слушатель висит на родителе. Скажем, при нажатии на кнопку 3 в консоль должно быть выведено сообщение: "Вы нажали кнопку 3" и т.д.
Ключевым моментом является тот факт, что у кнопок имеется только один класс и нет уникальных id и прочих отличий. Код должен работать без привязки к содержимому названия кнопки, т.е. не учитывать содержимое в теге span
Пример разметки:
<div class="map">
<button class="map__pin">
<span class="map__btn-text">Кнопка 1</span>
</button>
<button class="map__pin">
<span class="map__btn-text">Кнопка 2</span>
</button>
<button class="map__pin">
<span class="map__btn-text">Кнопка 3</span>
</button>
<button class="map__pin">
<span class="map__btn-text">Кнопка 4</span>
</button>
<button class="map__pin">
<span class="map__btn-text">Кнопка 5</span>
</button>
</div>