Skip to main content
1 de 2

Verificação vencedor jogo da velha Jquery

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>>