Criei uma função para verificar linhas na horizonal, vertical e diagonal, pra ver qual é o vencedor, mas quando chamo a função ela mostra vencedor logo no primeiro clique. Alguem pode me ajudar no que alterar no codigo pra que a logica funcione?
Segue o codigo que ja tenho aqui:
.botao{
width:32%;
height:100px;
font-size:70px;
font-weight:bold;
border-radius:0px;
}
#jogador{
font-size:38px;
}
É a vez do jogador 1
$(document).ready(function() {
var jogador = 1;
$(".botao").click(function() {
if(jogador == 1) {
$(this).text("X");
jogador = 2;
} else {
$(this).text("O");
jogador = 1;
}
$("#jogador").text("É a vez do jogador " + jogador);
});
});
function verificar(){
if(
//Verificação na horizontal
$("btn1,btn2,btn3").text("X") || $("btn4,btn5,btn6").text("X") || $("btn7,btn8,btn9").text("X") ||
//Verificação na vertical
$("btn1,btn4,btn7").text("X") || $("btn2,btn5,btn8").text("X") || $("btn3,btn6,btn9").text("X") ||
//Verificação na diagonal
$("btn1,btn5,btn9").text("X") || $("btn3,btn5,btn7").text("X")){
alert("O jogador 1 venceu !");
}
else if(
//Verificação na horizontal
$("btn1,btn2,btn3").text("O") || $("btn4,btn5,btn6").text("O") || $("btn7,btn8,btn9").text("O") ||
//Verificação na vertical
$("btn1,btn4,btn7").text("O") || $("btn2,btn5,btn8").text("O") || $("btn3,btn6,btn9").text("O") ||
//Verificação na diagonal
$("btn1,btn5,btn9").text("O") || $("btn3,btn5,btn7").text("O")){
alert("O jogador 2 venceu!");
}
}
</script>>