Estoy tomando un elemento con JavaScript
<div class="game-container" id="paper">
<span class="game__paper" >
<span class="game__box-shadow">
<img src="../images/icon-paper.svg" alt="Paper">
</span>
</span>
</div>
const paperId = document.getElementById('paper');
function choiceGun(event) {
console.log(event);
paper = event.target.id;
console.log(rock);
}
paperId.addEventListener('click', choiceGun);
y estoy escuchando el evento click en el div (game-container)
que sería el container de todo el bloque, pero le doy click y el event
que sale en la consola, sale con el elemento game__paper
o gamebox-shadow
o con el elemento game__container
y eso depende de que parte de del elemento game__container
le de click.
Yo necesito que cuando le de click a game__paper
solo seleccione ese elemento.
ìd
esrock
por consiguiente no se sabe; asi como tampoco como asignas (por código o directamente en un evento de elemento) la funciónchoiceGun
desde donde se dispara. Si lo pones a undiv
sus hijos igual lo lanzan, salvo valides por ejemplo que se evalue elid
y si corresponde al deldiv
se ejecute completo.game__paper
en vez depaper