El programa consiste en ir mostrando valores de un array hasta que dos coincidan y cuando lo hacen aparece cuantos valores se han extraído hasta la coincidencia. El problema es que cuando el primer jugador obtiene los dos valores repetidos el botón se deshabilita pero cuando lo hace el jugador dos no se deshabilita y se puede continuar mostrando valores (muestro en el código) y se tendría que deshabilitar también.
Además necesitaría que una vez obtenido el número de extracciones de ambos jugadores éstos se compararan, tengo la función hecha pero no se cuando llamarla para que aparezca una vez hecho el juego, ya que si la llamo me aparece al principio antes de jugar. Muchas gracias!
start = false;
function empiezajuego(){
if(!start){
var name1 = document.getElementById("player1_start").value;
var name2 = document.getElementById("player2_start").value;
var aux = true;
if(name1 == "" || name2 == ""){
alert("Uno de los jugadores no ingreso su nombre");
aux = false;
}
if(name1 == name2){
alert("Los nombres de los jugadores coinciden");
aux = false
}
if(aux){
start=true;
document.getElementById("start_form").style.display = "none";
document.getElementById("game_main").style.display = "inline";
document.getElementById("player1").innerHTML=name1;
document.getElementById("player2").innerHTML=name2;
}
} else {
alert("Juego ya iniciado");
}
}
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_fruta(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){
document.getElementsByTagName("button")[0].setAttribute('disabled', 'disabled');
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;
}
}, 100);
}
}
}
function winner(){
if(conteo1 < conteo2){
alert(playerName1+" gano!!");
} else if(conteo1 > conteo2){
alert(playerName2+" gano!!");
} else{
alert("empate");
}
}
<div id="start_form">
Jugador 1: <input type="text" id="player1_start"><br/>
Jugador 2: <input type="text" id="player2_start"><br/>
<input type="button" value="introduce" onclick="empiezajuego();" />
</div>
<div id="div1"></div>
<div id="div2"></div>
<div id="game_main" style="display:none;">
<div id="boton"><button onclick="random_fruta(1);">Saca</button>
<span id="player1">0</span></div><span id="player1_result">0</span>
<div id="boton2"><button onclick="random_fruta(2);">Saca</button>
<span id="player2">0</span></div><span id="player2_result">0</span>