Tengo un problema con JS Vanilla. Este es el código de un juego que debe chequear que ataque gana en cada vuelta. Lo logra hacer bien. Lo que no está haciendo bien es sumarle al contador de victorias tanto del jugador como del enemigo el punto correspondiente y lo hace de forma que no llego a entender.
Pedi que en cada jugada se muestre por consola el valor de playerWins y enemyWins para llevar la cuenta y tengo 2 problemas. En el ejemplo que comparto yo gané 4 jugadas y como se puede ver en consola, en lugar de haber tenido 4 puntos tengo 5 en consola y 6 en el DOM
Dejo el código
messagesSection=document.getElementById("messages");
battles();
console.log(playerWins)
console.log(enemyWins)
messagesSection.innerHTML=`
<p>Elegiste atacar con <span id="playerAttackSelection">${playerAttackSelection}</span> y tu oponente atacó con <span id="enemyAttackSelection">${enemyAttackSelection.name}</span>. El resultado es ${battles()}
`
}
function battles(){
playerWinsSpan=document.getElementById("player_wins");
enemyWinsSpan=document.getElementById("enemy_wins");
if (playerAttackSelectionId==enemyAttackSelectionId){
return "Empate";
} else if (playerAttackSelectionId=="ataque" && enemyAttackSelectionId=="defensa") {
playerWins++
playerWinsSpan.innerText=playerWins
return "Ganaste!"
} else if (playerAttackSelectionId=="mediocampo" && enemyAttackSelectionId=="ataque"){
playerWins++
playerWinsSpan.innerText=playerWins
return "Ganaste!"
} else if (playerAttackSelectionId=="defensa" && enemyAttackSelectionId=="mediocampo"){
playerWins++
playerWinsSpan.innerText=playerWins
return "Ganaste!"
} else {
enemyWins++;
enemyWinsSpan.innerText=enemyWins;
return "Perdiste"
}
}
battles()
dos veces