En la función cv() se guarda una cadena en la variable mandar(variable global) y tengo problemas para que se concatene dentro de la función cartas.forEach(), ¿alguien sabe por que?
var tablero = document.getElementById('tablero');
var cartas = [1, 2, 3, 4, 5, 6, 7, 8];
var parejas = cartas.length;
var primerCarta = 0;
var segundaCarta = 0;
var mandar;
//creando cartas de forma aleatoria y generando pares
cartas = cartas.concat(cartas);
cartas = cartas.sort(function() {
return Math.random() - 0.5
});
function cv(){
var seleccion = document.getElementById("text").value;
if (seleccion === "a"){
mandar = "terrestre";
}else if (seleccion ==="b"){
mandar = "agua";
}else if (seleccion ==="c"){
mandar = "aves";
}
}
cartas.forEach(function(val) {
var div = document.createElement('div');
var imagen = document.createElement('img');
imagen.src = "img-pop/" + (mandar + (val)) + ".jpg";
imagen.className = "tarjeta";
div.id = val;
div.className = "tarjetas"
//console.log(val);
div.appendChild(imagen);
tablero.appendChild(div);
div.addEventListener('click', function(event) {
var tarjetatocada = event.target;
if (primerCarta !== 0 && segundaCarta !== 0) {
// limpiar banderas
if (primerCarta.id !== segundaCarta.id) {
primerCarta.classList.remove('abrir');
segundaCarta.classList.remove('abrir');
};
primerCarta = 0;
segundaCarta = 0;
};
tarjetatocada.classList.add('abrir');
if (primerCarta === 0) {
primerCarta = tarjetatocada;
} else {
segundaCarta = tarjetatocada;
if (primerCarta.id === segundaCarta.id) {
parejas = parejas - 1;
console.log(parejas);
}
if (parejas === 0) {
//console.log('Ganaste', parejas);
alert("Ganaste!");
detenerse();
//location.reload();
}
}
if (primerCarta === segundaCarta){
};
}, true)
});