Pobieranie atrybutu w JS. Kliknięcie na całego diva

Question

Cześć.
Jak widać na fragmencie kodu zamieszczonym poniżej w html'u stworzyłem diva z data-key='1' w nim znajduje się A oraz span. Chciałbym aby po kliknięciu w diva wywoływał się dźwięk. Niestety gdy pobrałem w JS element za pomocą getAttribute dźwięk działa tylko gdy kliknę w pole diva poza A oraz span- "pierwszy". Czy wiecie może czy da się załatwić to w inny sposób? tak by nie miało znaczenia czy klikam w diva, A czy spana. Mógłbym co prawda dodać do <p> oraz <span> data-key="1" jednak to tworzy dodatkowy kod...
Dzięki za poświęcony czas
------HTML------
<div class="klawisze">
	<div data-key="1" class="klawisz">
		<p>A</p><span>pierwszy</span>
	</div>

 -------JS-------

const Click = function(e) {
			const button = e.target.getAttribute("data-key");
}

 

Answer 1

Podaj kod podpięcia zdarzenia.