Quiero añadir un jugador, de manera que cuando el programa se realice, se ejecute otra vez, que no siga desde la ultima posición si no que vuelva a empezar para poder comparar cual de los dos ha hecho menos extracciones hasta encontrar el número repetido. En el código que adjunto continua el segundo jugador desde donde deja la extracción el primero y no vuelve a empezar.
Muchas gracias de antemano por cualquier ayuda!
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;
alert("Juego iniciado!! suerte ;)");
}
}
else{
alert("Juego ya iniciado");
}
}
var cards = new Array(
new Array("bastos", 1), new Array("bastos", 2), new Array("bastos", 3), new
Array("bastos", 4), new Array("bastos", 5), new Array("bastos", 6), new
Array("bastos", 7), new Array("bastos", 8), new Array("bastos", 9), new
Array("bastos", 10), new Array("espadas", 1), new Array("espadas", 2), new
Array("espadas", 3), new Array("espadas", 4), new Array("espadas", 5),
new Array("espadas", 6), new Array("espadas", 7), new Array("espadas", 8),
new Array("espadas", 9), new Array("espadas", 10),
);
var cards_views_ids = Array();
var conteo = 0;
function random_card(num){
if(cards.length >0 ){
conteo++;
var rand = Math.floor(Math.random()*cards.length);
var palos = "<br>Palo: "+cards[rand][0]+"<br><br> Valor:";
var numero = cards[rand][1];
document.getElementById("div"+num).innerHTML += palos;
document.getElementById("div"+num).innerHTML += numero;
cards_views_ids.push(numero);
var repetido = 0;
cards_views_ids.forEach(function(dato){
if (dato == numero){
repetido++;
}
});
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> Palo: ' + cards[rand][0] + ' - Valor: ' + cards[rand][1] +'. Se extrayeron ' + conteo + ' valores hasta encontrar el valor repetido.';
jugador.innerHTML=puntua;
}
}, 100);
}
}
}
<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="Start" onclick="empiezajuego();" />
</div>
<div id="div1"></div>
<div id="div2"></div>
<div id="game_main" style="display:none;">
<div id="boton"><button onclick="random_card(1);">Extraer</button>
<span id="player1">0</span></div><span id="player1_result">0</span>
<div id="boton2"><button onclick="random_card(2);">Extraer</button>
<span id="player2">0</span></div><span id="player2_result">0</span>
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;
alert("Juego iniciado!! suerte ;)");
}
}
else{
alert("Juego ya iniciado");
}
}
var cards = new Array(
new Array("bastos", 1), new Array("bastos", 2), new Array("bastos", 3), new
Array("bastos", 4), new Array("bastos", 5), new Array("bastos", 6), new
Array("bastos", 7), new Array("bastos", 8), new Array("bastos", 9), new
Array("bastos", 10), new Array("espadas", 1), new Array("espadas", 2), new
Array("espadas", 3), new Array("espadas", 4), new Array("espadas", 5),
new Array("espadas", 6), new Array("espadas", 7), new Array("espadas", 8),
new Array("espadas", 9), new Array("espadas", 10),
);
var cards_views_ids = Array();
var conteo = 0;
function random_card(num){
if(cards.length >0 ){
conteo++;
var rand = Math.floor(Math.random()*cards.length);
var palos = "<br>Palo: "+cards[rand][0]+"<br><br> Valor:";
var numero = cards[rand][1];
document.getElementById("div"+num).innerHTML += palos;
document.getElementById("div"+num).innerHTML += numero;
cards_views_ids.push(numero);
var repetido = 0;
cards_views_ids.forEach(function(dato){
if (dato == numero){
repetido++;
}
});
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> Palo: ' + cards[rand][0] + ' - Valor: ' + cards[rand][1] +'. Se extrayeron ' + conteo + ' valores hasta encontrar el valor repetido.';
jugador.innerHTML=puntua;
}
}, 100);
}
}
}
<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="Start" onclick="empiezajuego();" />
</div>
<div id="div1"></div>
<div id="div2"></div>
<div id="game_main" style="display:none;">
<div id="boton"><button onclick="random_card(1);">Extraer</button>
<span id="player1">0</span></div><span id="player1_result">0</span>
<div id="boton2"><button onclick="random_card(2);">Extraer</button>
<span id="player2">0</span></div><span id="player2_result">0</span>