Aula 15
Checar Vitória do Jogo da Velha com HTML, CSS, JavaScript (Aula Tutorial)
Summary
# Resumo da Transcrição
Na aula, o instrutor retorna ao código para implementar a função `checkar vitória`, que verifica se o jogador atual venceu no jogo. A função irá analisar o tabuleiro inteiro para determinar se há uma combinação vencedora.
## Estrutura da Função
- A função será criada antes de rodar o jogo, começando com verificação das vitórias na horizontal.
- Para checar as linhas, o instrutor menciona as posições: esquerda, centro e direita, e descreve como implementar um loop que verifique cada linha:
- Primeira verificação será na linha de cima: esquerda acima, centro acima e direita acima.
- Em seguida, verificará a linha do meio, e depois a linha de baixo.
## Implementação
- O instrutor sugere o uso de uma lista para as posições e um loop para verificar se todas as posições estão marcadas pelo jogador atual (que pode ser "x" ou "bola").
- A função retorna `true` se o jogador vencer e `false` caso contrário. Se nenhum dos cheques de vitória for atendido, a função retornará `false` ao final.
## Próximos Passos
- A próxima tarefa será implementar a verificação de vitórias na vertical.
Video Transcript
Ah, pessoal, estamos de volta, então vamos de volta ao código para fazer check da vitória.
Depois de marcar o tabuleiro, vamos criar a nova função, chamada checkar vitória.
E ele vai checar o tabuleiro inteiro para ver se o jogador atual presente penseu ou não.
Vamos criar a função lá em cima aqui, antes de jogar fazer function, checkar vitória,
CN1 parâmetro. Então vamos fazer o seguinte, vamos começar simples aqui, vamos fazer primeiro a checkar a vitória na...
Vamos ver aqui, vamos fazer na horizontal. Então primeiro vai verificar se...
Esse aqui, ou esse aqui, ou esse aqui, tá?
Então note que quando você está aqui, se você está aqui, é esquerda, centro e direito.
Tem que checar essas propriedades do tabuleiro.
Quando você está aqui é esquerda acima, centra acima e direita acima.
Quando você está aqui é esquerda abaixo, centro abaixo, direita abaixo.
Note que sempre tem a palavra esquerda, centro e direito.
Então eu vou usar esses caras para poder fazer um loop aqui.
Então eu vou fazer assim, vou colocar uma lista, esquerda, centro e direita.
Tá?
Na verdade, esse aqui seria para checar a vertical.
Então eu vou mudar isso, desculpa. Eu quero checar a horizontal.
Então eu vou loopar primeiro para cada...
Um desses caras que primeiro vai ser o acima, depois vai ser sem nada,
em vazio e depois vai ser o abaixo. Então deixa isso aqui para depois,
que vai ser vertical, vamos fazer primeiro checkar na horizontal.
Então vai ser uma lista, primeiro acima, depois nada,
que não tem nada depois do centro ou da esquerda ou da direita, e tem o abaixo.
Vou dar o for-it, vou chamar isso aqui de acima abaixo,
chamar suffixo de posição, sei lá.
Então ele vai começar a loop com acima.
A gente vai ter esse suffixo acima, eu vou usar para poder checar a esquerda acima,
centro acima e direita acima, que vai ser a primeira linha, tá certo?
Essa aqui, vai ser essa aqui.
Esquerda acima, centro acima e direita acima.
Então eu vou usar esse suffixo que vai ser primeiramente o acima.
Então vou checar o quê?
Tabuleiro, propriedade vai ser esquerda, traço, o suffixo,
eu vou usar a interpalação de variável usando dólar, abre a chave e o nome da variável.
O valor da variável, se ela era substituída aqui, primeiramente será acima,
então esse valor seria acima.
Ele iria acessar esse valor do tabuleiro aqui.
Então a gente tem que checar esse valor e também tem que checar o tabuleiro de centro,
seguido, traço.
Tem o problema aqui que o suffixo, esse aqui não teria suffixo,
então eu vou mudar esse cara para talvez traço acima e traço abaixo,
vou tirar o traço daqui para não ter aquele problema desse cara.
Então a esquerda, seguido do suffixo, eu vou já incluir o traço ali.
Então o centro, seguido do suffixo, isso não é parênteses,
e finalmente o tabuleiro a direita, seguido do suffixo,
que iria inicialmente acima, depois seria nada e depois seria abaixo.
Então esse cara aqui a gente pode verificar se esse cara e esse cara aqui e esse cara aqui
foram prestidos, então esse cara tem que ser o quê?
Tem que ser no caso o jogador, que é x ou bola,
então a gente vai usar jogador aqui que é variável global que é x ou bola,
se for igual a esse cara.
Então esse aqui primeiramente você pega o tabuleiro,
acessa o valor da propriedade, no nosso primeiro interação esquerda acima,
aí você checa esse valor, nesse caso aqui seria o x ou seria o bola,
compara com o jogador presente para checar se ele ganhou,
nesse caso seria o x ou o bola, inicialmente o primeiro jogador seria o x,
se o x tivesse feito o movimento e marcasse o x, esse cara seria o x,
ele ia checar se o x foi marcado aqui na esquerda acima,
no centro acima e no direita acima, que é a primeira linha,
se são todos marcados seria uma vitória,
então se esse cara aqui, esse cara ia aquele cara, aquele cara,
então dessa função vai tornar,
tornar, tornar true ou false, true significa que ganhou,
que já teve a vitória, false, significa que ainda não tem,
que não teve a vitória,
então eu vou dizer return true para dizer que o jogador ganhou se esse cara foi imprensido.
Então agora a segunda condição é se esse caso falar,
vai ter que olhar aqui na segunda linha, então a gente vai fazer a mesma coisa,
quase a mesma coisa, vai dar o else if, está a buleiro, você vai olhar onde,
ah, desculpa, não precisa, disse porque já está dentro do loop,
então o loop aqui já estava,
o próximo seria o vazia, que iria deixar a esquerda, centro e direita,
que seria esse cara, depois checaria a última linha, que seria a esquerda abaixo,
centro, abaixo, direita abaixo desse cara, então se tudo dessa certo retornaria true na mesma hora,
se ele passou por todos esses checks e não deu em nada,
significa que aqui não teve vitória, então você vai dar a retornar false no final,
se ele não tiver saído da função aqui anteriormente,
então no último caso se não ganhou nada retorna false para dizer que não teve vitória,
e essa é a cheque da linha, então vamos aqui na próxima aula fazer o check da vertical,
tá bom, e eu vou deixar como é isso para você fazer, antes a gente conferir essa aula.
Nenhum comentário ainda (loading...)
Nenhum comentário ainda (loading...)
Gostou da aula? 😆👍
Apoie nosso trabalho com uma doação: