qué tal?
Estoy creando un juego de memoria de encontrar la otra imagen igual, para esto estoy usando una clase o prototipo.
Para mostrar la imagen uso el evento onclick
piezaUno.addEventListener('click', this.animationUno);
animationUno(event) {
imgPiezaUno.style.opacity = '1';
}
y así muestra la imagen. En el momento tengo 10 piezas para comparar o sea ese mismo codigo 10 veces con su pieza, evento y función aparte.
Mi problema radica en que no he podido encontrar la forma de validar si una pieza seleccionada es la misma o no que la otra pieza seleccionada, intente escuchar el mismo evento en todas las piezas pero con la misma función así:
piezaUno.addEventListener('click', this.findPairs);
findPairs(event) {
var src = event.target.firstElementChild.src;
var comprobar = [];
comprobar.push(src);
console.log(comprobar);
console.log(event);
}
Todas las piezas tiene esa misma función y mi idea era que cada vez que se ejecutara el evento con una pieza se guardara el src en en el array y cuando ejecutara con otra quedaran en el mismo array y poder hacer la comparación con los src ya encapsulados, pero esa función se ejecuta diferente para cada pieza, o sea si se guarda el src pero no se acomula, cada src se guarda en un array diferente.
(Todas las piezas tienen dos addEventListener
así:
piezaUno.addEventListener('click', this.animationUno);
piezaUno.addEventListener('click', this.findPairs);
piezaDos.addEventListener('click', this.animationDos);
piezaDos.addEventListener('click', this.findPairs);
)
¡Trate de crear lo mejor que pude la pregunta, no me crucifiquen y muchas gracias al que me pueda ayudar!