Advertisement
Pedromaia26

Teste_Jogo do galo vs 1

Dec 10th, 2018
94
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.49 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>Jogo do Galo</title>
  5. <style type="text/css">
  6. body{
  7. background-color: #DCDCDC;
  8. }
  9. h1{
  10. color: red;
  11. font-size:40px;
  12. text-align: center;
  13. font-family: "Arial";
  14. }
  15. h3{
  16. text-align: center;
  17. font-family: "montserrat";
  18. font-size: 30px;
  19. }
  20. table, td, tr{
  21. border-collapse: collapse;
  22. border: 2px solid black;
  23. margin: auto;
  24. }
  25.  
  26. td{
  27. width: 150px;
  28. height: 150px;
  29. font-size: 100px;
  30. text-align: center;
  31. }
  32. </style>
  33. </head>
  34. <body>
  35. <h1>Jogo Do Galo</h1>
  36. <table>
  37. <tr>
  38. <td id="a1" onclick="sinal(1);">&nbsp;</td>
  39. <td id="a2" onclick="sinal(2);">&nbsp;</td>
  40. <td id="a3" onclick="sinal(3);">&nbsp;</td>
  41. </tr>
  42. <tr>
  43. <td id="a4" onclick="sinal(4);">&nbsp;</td>
  44. <td id="a5" onclick="sinal(5);">&nbsp;</td>
  45. <td id="a6" onclick="sinal(6);">&nbsp;</td>
  46. </tr>
  47. <tr>
  48. <td id="a7" onclick="sinal(7);">&nbsp;</td>
  49. <td id="a8" onclick="sinal(8);">&nbsp;</td>
  50. <td id="a9" onclick="sinal(9);">&nbsp;</td>
  51. </tr>
  52. </table>
  53. <h3 id="j1">Jogador 1: 0 vitórias</h3>
  54. <h3 id="j2">Jogador 2: 0 vitórias</h3>
  55. <h3 id="em">Empates: 0 empates</h3>
  56.  
  57. <script type="text/javascript">
  58. var j='O';
  59. var a;
  60. var b;
  61. var c;
  62. var jogadas=0;
  63. var win=0;
  64. var vitj1=0;
  65. var vitj2=0;
  66. var empates=0;
  67. function sinal(x){
  68. if (document.getElementById('a'+x).innerHTML == '&nbsp;'){
  69. if (j=='O'){
  70. document.getElementById('a'+x).innerHTML = j;
  71. j = 'X';
  72. jogadas++;
  73. }
  74. else{
  75. document.getElementById('a'+x).innerHTML = j;
  76. j = 'O';
  77. jogadas++;
  78. }
  79. }
  80. else{
  81. alert("Casa já ocupada");
  82. }
  83. verifica();
  84. }
  85. function verifica(x){
  86.  
  87.  
  88.  
  89. for (a=1,b=4,c=7,i=0;i<3;i++,a++,b++,c++){
  90. if (document.getElementById('a'+a).innerHTML == document.getElementById('a'+b).innerHTML && document.getElementById('a'+a).innerHTML == document.getElementById('a'+c).innerHTML ){
  91. if (document.getElementById('a'+a).innerHTML == 'O'){
  92. alert("Jogador 1 venceu");
  93. win=1;
  94. limpar();
  95. vitj1++;
  96. document.getElementById('j1').innerHTML = "Jogador 1: " + vitj1 + " vitórias";
  97. }
  98. else if (document.getElementById('a'+a).innerHTML == 'X'){
  99. alert("Jogador 2 venceu");
  100. win=2;
  101. limpar();
  102. vitj2++;
  103. document.getElementById('j2').innerHTML = "Jogador 2: " + vitj2 + " vitórias";
  104. }
  105. }
  106. }
  107. for (a=1,b=2,c=3,i=0;i<3;i++,a=a+3,b=b+3,c=c+3){
  108. if (document.getElementById('a'+a).innerHTML == document.getElementById('a'+b).innerHTML && document.getElementById('a'+a).innerHTML == document.getElementById('a'+c).innerHTML ){
  109. if (document.getElementById('a'+a).innerHTML == 'O'){
  110. alert("Jogador 1 venceu");
  111. win=1;
  112. limpar();
  113. vitj1++;
  114. document.getElementById('j1').innerHTML = "Jogador 1: " + vitj1 + " vitórias";
  115. }
  116. else if (document.getElementById('a'+a).innerHTML == 'X'){
  117. alert("Jogador 2 venceu");
  118. win=2;
  119. limpar();
  120. vitj2++;
  121. document.getElementById('j2').innerHTML = "Jogador 2: " + vitj2 + " vitórias";
  122. }
  123. }
  124. }
  125. if (document.getElementById('a1').innerHTML==document.getElementById('a5').innerHTML && document.getElementById('a1').innerHTML==document.getElementById('a9').innerHTML){
  126. if (document.getElementById('a1').innerHTML == 'O'){
  127. alert("Jogador 1 venceu");
  128. win=1;
  129. limpar();
  130. vitj1++;
  131. document.getElementById('j1').innerHTML = "Jogador 1: " + vitj1 + " vitórias";
  132. }
  133. else if (document.getElementById('a1').innerHTML == 'X'){
  134. alert("Jogador 2 venceu");
  135. win=2;
  136. limpar();
  137. vitj2++;
  138. document.getElementById('j2').innerHTML = "Jogador 2: " + vitj2 + " vitórias";
  139. }
  140. }
  141. if (document.getElementById('a3').innerHTML==document.getElementById('a5').innerHTML && document.getElementById('a3').innerHTML==document.getElementById('a7').innerHTML){
  142. if (document.getElementById('a3').innerHTML == 'O'){
  143. alert("Jogador 1 venceu");
  144. win=1;
  145. limpar();
  146. vitj1++;
  147. document.getElementById('j1').innerHTML = "Jogador 1: " + vitj1 + " vitórias";
  148. }
  149. else if (document.getElementById('a3').innerHTML == 'X'){
  150. alert("Jogador 2 venceu");
  151. win=2;
  152. limpar();
  153. vitj2++;
  154. document.getElementById('j2').innerHTML = "Jogador 2: " + vitj2 + " vitórias";
  155. }
  156. }
  157. if (win==0 && jogadas==9){
  158. alert("Empate");
  159. limpar();
  160. empates++;
  161. document.getElementById('em').innerHTML = "Empates: " + empates + " empates";
  162. }
  163. }
  164. function limpar() {
  165. for(i=1;i<=9;i++){
  166. document.getElementById('a'+i).innerHTML='&nbsp;';
  167. }
  168. jogadas=0;
  169. j='O';
  170. win=0;
  171. }
  172.  
  173.  
  174.  
  175. </script>
  176.  
  177. </body>
  178. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement