Presento el siguiente código en la que cada botón nos dará un resultado y los dos resultados se tienen que comparar. El caso es que la función que indica quien gana si la coloco como en el código me aparece después del resultado del primer botón y también del segundo, pero solo quiero que aparezca cuando finalice el segundo, antes no tiene mucho sentido, pero la coloque donde la coloque me sigue pasando, alguna idea?
var cards = new Array(
new Array("manzana", 1),
new Array("manzana", 2),
new Array("manzana", 3),
new Array("pera", 1),
new Array("pera", 2),
new Array("pera", 3),
new Array("melon", 1),
new Array("melon", 2),
new Array("melon", 3)
);
var frutas1 = Array();
var frutas2 = Array();
var cuenta = 0;
var cuenta1 = 0;
var cuenta2 = 0;
function random_card(num){
if(cards.length >0 ){
var rand = Math.floor(Math.random()*cards.length);
var frutas = "<br>fruta: "+cards[rand][0]+"<br><br> Valor:";
var numero = cards[rand][1];
document.getElementById("div"+num).innerHTML += frutas;
document.getElementById("div"+num).innerHTML += numero;
var repetido = 0;
switch(num) {
case 1:
cuenta1++;
cuenta = cuenta1;
frutas1.push(numero);
frutas1.forEach(function(dato){
if (dato == numero){
repetido++;
}
});
break;
case 2:
cuenta2++;
cuenta = cuenta2;
frutas2.push(numero);
frutas2.forEach(function(dato){
if (dato == numero){
repetido++;
}
});
break;
}
if(repetido == 2){
setTimeout(function(){
var jugador = document.getElementById("player"+num+"_result");
if (jugador.innerHTML == "0"){
var puntua ='Se repitió el valor <br> fruta: ' + cards[rand][0] +
' - Valor: ' + cards[rand][1] +'. Se extrayeron ' + cuenta +
' valores hasta encontrar el valor repetido.';
jugador.innerHTML=puntua;
}
winner();
}, 100);
}
}
}
function winner(){
if(cuenta1 < cuenta2){
alert("Jugador 1 gano!!");
} else if(cuenta1 > cuenta2){
alert("Jugador 2 gano!!");
} else{
alert("empate");
}
}
<div id="start_form"></div>
<div id="div1"></div>
<div id="div2"></div>
<div id="game_main">
<div id="boton"><button onclick="random_card(1);">Extraer</button>
<span id="player1"></span></div><span id="player1_result">0</span>
<div id="boton2"><button onclick="random_card(2);">Extraer</button>
<span id="player2"></span></div><span id="player2_result">0</span>