praticas_de_programacao/Unidade3Aula5a.txt at main · spencerarq/praticas_de_programacao · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
//HTML

<!DOCTYPE html>

<html>
 <head>
    <meta charset="UTF-8">
    <title>Jogo da velha</title>
    <script type="text/javascript" src="velha.js"></script>
 </head>
 <body onload=inicia()>
    <div id='board'></div><br>
    Linha :<input id="lin" type="number" min="1" max="3">
    Coluna:<input id="col" type="number"min="1" max="3">
    <button onclick="jogar()">Marcar</button><br>
    <div id='aviso'></div><br>
 </body>
</html>

/////////////////////////////////////////////////////////////////////////
//JS
var tabuleiro;
var board;
var aviso;
var jogador;
var lin, col;

function inicia(){
 tabuleiro = new Array(3);
 board = document.getElementById('board');
 aviso = document.getElementById('aviso');
 jogador = 1;

 for(let i=0 ; i<3 ; i++)
  tabuleiro[i] = new Array(3);

 for(let i=0; i<3 ; i++)
  for(let j=0 ; j<3 ; j++)
   tabuleiro[i][j]=0;
 exibe();
}

function exibe(){
 HTML = '<table  cellpadding="10" border="1">';
     for(let i=0; i<3 ; i++){
      HTML += '<tr>';
      for(let j=0 ; j<3 ; j++)
       if(tabuleiro[i][j]==0)
        HTML +='<td>  __  </td>';
       else
        if(tabuleiro[i][j]==1)
         HTML +='<td> X </td>';
        else
         HTML +='<td> O </td>';
      HTML += '</tr>';
     }
 HTML += '</table><br/>';
 board.innerHTML = HTML
}

function jogar()
{
 aviso.innerHTML='Vez do jogador: ' + ((jogador)%2 + 1);
 lin = parseInt(document.getElementById("lin").value)-1;
 col = parseInt(document.getElementById("col").value)-1;

     if(tabuleiro[lin][col]==0)
      if(jogador % 2)
       tabuleiro[lin][col] = 1;
      else
       tabuleiro[lin][col] = -1;
     else{
      aviso.innerHTML='Campo ja foi marcado!'
      jogador--;
     }
 jogador++;
 exibe();
 checa();
}

function checa()
{
 var soma;

     //Linhas
     for(let i=0 ; i<3 ; i++){
      soma=0;
      soma=tabuleiro[i][0]+tabuleiro[i][1]+tabuleiro[i][2];

      if(soma==3 || soma==-3)
       aviso.innerHTML="Jogador " + ((jogador)%2 + 1) + " ganhou! Linha " + (i+1) + " preenchida!";
     }

     //Colunas
     for(let i=0 ; i<3 ; i++){
      soma=0;
      soma=tabuleiro[0][i]+tabuleiro[1][i]+tabuleiro[2][i];

      if(soma==3 || soma==-3)
       aviso.innerHTML="Jogador " + ((jogador)%2 + 1) + " ganhou! Coluna " + (i+1) + " preenchida!";
     }

     //Diagonal
     soma=0;
     soma = tabuleiro[0][0]+tabuleiro[1][1]+tabuleiro[2][2];
     if(soma==3 || soma==-3)
       aviso.innerHTML="Jogador " + ((jogador)%2 + 1) + " ganhou! Diagonal preenchida!";

     //Diagonal
     soma=0;
     soma = tabuleiro[0][2]+tabuleiro[1][1]+tabuleiro[2][0];
     if(soma==3 || soma==-3)
       aviso.innerHTML="Jogador " + ((jogador)%2 + 1) + " ganhou! Diagonal preenchida!";
}