Advertisement
Pedromaia26

Teste_Jogo do galo vs pc

Dec 10th, 2018
150
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.57 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>Jogo do Galo vs PC</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 a;
  59. var b;
  60. var c;
  61. var jogadas=0;
  62. var win=0;
  63. var vitj1=0;
  64. var vitj2=0;
  65. var empates=0;
  66. function sinal(x){
  67. if(document.getElementById('a'+x).innerHTML=='&nbsp;' && jogadas<9 && win==0){
  68. jogadas++;
  69. document.getElementById('a'+x).innerHTML="O";
  70. verifica();
  71. if (jogadas<9 && jogadas>0)
  72. {
  73. do{
  74. c=Math.floor((Math.random() * 9) + 1);
  75. }while (document.getElementById('a'+c).innerHTML!='&nbsp;');
  76. jogadas++;
  77. document.getElementById('a'+c).innerHTML="X";
  78. verifica();
  79. }
  80. }
  81. else
  82. alert("Casa ocupada");
  83. }
  84. function verifica(x){
  85. for (a=1,b=4,c=7,i=0;i<3;i++,a++,b++,c++){
  86. if (document.getElementById('a'+a).innerHTML == document.getElementById('a'+b).innerHTML && document.getElementById('a'+a).innerHTML == document.getElementById('a'+c).innerHTML ){
  87. if (document.getElementById('a'+a).innerHTML == 'O'){
  88. alert("Jogador 1 venceu");
  89. win=1;
  90. limpar();
  91. vitj1++;
  92. document.getElementById('j1').innerHTML = "Jogador 1: " + vitj1 + " vitórias";
  93. }
  94. else if (document.getElementById('a'+a).innerHTML == 'X'){
  95. alert("Jogador 2 venceu");
  96. win=2;
  97. limpar();
  98. vitj2++;
  99. document.getElementById('j2').innerHTML = "Jogador 2: " + vitj2 + " vitórias";
  100. }
  101. }
  102. }
  103. for (a=1,b=2,c=3,i=0;i<3;i++,a=a+3,b=b+3,c=c+3){
  104. if (document.getElementById('a'+a).innerHTML == document.getElementById('a'+b).innerHTML && document.getElementById('a'+a).innerHTML == document.getElementById('a'+c).innerHTML ){
  105. if (document.getElementById('a'+a).innerHTML == 'O'){
  106. alert("Jogador 1 venceu");
  107. win=1;
  108. limpar();
  109. vitj1++;
  110. document.getElementById('j1').innerHTML = "Jogador 1: " + vitj1 + " vitórias";
  111. }
  112. else if (document.getElementById('a'+a).innerHTML == 'X'){
  113. alert("Jogador 2 venceu");
  114. win=2;
  115. limpar();
  116. vitj2++;
  117. document.getElementById('j2').innerHTML = "Jogador 2: " + vitj2 + " vitórias";
  118. }
  119. }
  120. }
  121. if (document.getElementById('a1').innerHTML==document.getElementById('a5').innerHTML && document.getElementById('a1').innerHTML==document.getElementById('a9').innerHTML){
  122. if (document.getElementById('a1').innerHTML == 'O'){
  123. alert("Jogador 1 venceu");
  124. win=1;
  125. limpar();
  126. vitj1++;
  127. document.getElementById('j1').innerHTML = "Jogador 1: " + vitj1 + " vitórias";
  128. }
  129. else if (document.getElementById('a1').innerHTML == 'X'){
  130. alert("Jogador 2 venceu");
  131. win=2;
  132. limpar();
  133. vitj2++;
  134. document.getElementById('j2').innerHTML = "Jogador 2: " + vitj2 + " vitórias";
  135. }
  136. }
  137. if (document.getElementById('a3').innerHTML==document.getElementById('a5').innerHTML && document.getElementById('a3').innerHTML==document.getElementById('a7').innerHTML){
  138. if (document.getElementById('a3').innerHTML == 'O'){
  139. alert("Jogador 1 venceu");
  140. win=1;
  141. limpar();
  142. vitj1++;
  143. document.getElementById('j1').innerHTML = "Jogador 1: " + vitj1 + " vitórias";
  144. }
  145. else if (document.getElementById('a3').innerHTML == 'X'){
  146. alert("Jogador 2 venceu");
  147. win=2;
  148. limpar();
  149. vitj2++;
  150. document.getElementById('j2').innerHTML = "Jogador 2: " + vitj2 + " vitórias";
  151. }
  152. }
  153. if (win==0 && jogadas==9){
  154. alert("Empate");
  155. limpar();
  156. empates++;
  157. document.getElementById('em').innerHTML = "Empates: " + empates + " empates";
  158. }
  159. }
  160. function limpar() {
  161. for(i=1;i<=9;i++){
  162. document.getElementById('a'+i).innerHTML='&nbsp;';
  163. }
  164. jogadas=0;
  165. j='O';
  166. win=0;
  167. }
  168.  
  169.  
  170.  
  171. </script>
  172.  
  173. </body>
  174. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement