Advertisement
EduzZiTo

Jogo do Galo PvP

Dec 10th, 2018
113
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.44 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>Jogo do galo</title>
  5. <style type="text/css">
  6. table,td{
  7. border: 1px solid black;
  8. width: 200px;
  9. height: 50px;
  10. margin: auto;
  11.  
  12. }
  13. p{
  14. text-align: center;
  15. }
  16. </style>
  17. </head>
  18. <body>
  19. <table>
  20. <tr>
  21. <td id="a1" onclick="marca('a1');">&nbsp;</td>
  22. <td id="a2" onclick="marca('a2');">&nbsp;</td>
  23. <td id="a3" onclick="marca('a3');">&nbsp;</td>
  24. </tr>
  25. <tr>
  26. <td id="a4" onclick="marca('a4');">&nbsp;</td>
  27. <td id="a5" onclick="marca('a5');">&nbsp;</td>
  28. <td id="a6" onclick="marca('a6');">&nbsp;</td>
  29. </tr>
  30. <tr>
  31. <td id="a7" onclick="marca('a7');">&nbsp;</td>
  32. <td id="a8" onclick="marca('a8');">&nbsp;</td>
  33. <td id="a9" onclick="marca('a9');">&nbsp;</td>
  34. </tr>
  35. </table>
  36. <p><input type="button" name="reset" value="Reset" id="reset" onclick="limpa()"></p>
  37. <p>Jogador 1<input type="text" name="jg1" id="jg1" value="0"></p>
  38. <p>Jogador 2<input type="text" name="jg2" id="jg2" value="0"></p>
  39. <p>Empate <input type="text" name="emp" id="emp" value="0"></p>
  40.  
  41. <script type="text/javascript">
  42. var j=0;
  43. var i,b,c;
  44. var win=0;
  45. var jogada=0;
  46. function marca(x){
  47. if(document.getElementById(x).innerHTML=='&nbsp;'){
  48. if(j==0){
  49. document.getElementById(x).innerHTML='X';
  50. j=1;
  51. }
  52. else{
  53. document.getElementById(x).innerHTML='O';
  54. j=0;
  55. }
  56. jogada++;
  57. verifica();
  58. }
  59. }
  60. function verifica(){
  61. for(i=1,b=4,c=7;i<=3;i++,b++,c++){
  62. if (document.getElementById('a' + i).innerHTML==document.getElementById('a' + b).innerHTML && document.getElementById('a' + i).innerHTML== document.getElementById('a' + c).innerHTML && document.getElementById('a' + i).innerHTML!='&nbsp;') {
  63. alert('Jogador ' + document.getElementById('a' + i).innerHTML + ' venceu');
  64. if(document.getElementById('a'+i).innerHTML=='X'){
  65. document.getElementById('jg1').value=parseInt(document.getElementById('jg1').value) + 1;
  66. }
  67. else
  68. document.getElementById('jg2').value=parseInt(document.getElementById('jg2').value) + 1;
  69. break;
  70. win=1;
  71. }
  72. }
  73. for(i=1,b=2,c=3;i<=7;i=i+3,b=b+3,c=c+3){
  74. if (document.getElementById('a' + i).innerHTML==document.getElementById('a' + b).innerHTML && document.getElementById('a' + i).innerHTML== document.getElementById('a' + c).innerHTML && document.getElementById('a' + i).innerHTML!='&nbsp;') {
  75. alert('Jogador ' + document.getElementById('a' + i).innerHTML + ' venceu');
  76. if(document.getElementById('a'+i).innerHTML=='X'){
  77. document.getElementById('jg1').value=parseInt(document.getElementById('jg1').value) + 1;
  78. }
  79. else
  80. document.getElementById('jg2').value=parseInt(document.getElementById('jg2').value) + 1;
  81. break;
  82. win=1;
  83. }
  84. }
  85. if(document.getElementById('a1').innerHTML== document.getElementById('a5').innerHTML && document.getElementById('a1').innerHTML==document.getElementById('a9').innerHTML && document.getElementById('a1').innerHTML!='&nbsp;'){
  86. alert('Jogador ' + document.getElementById('a1').innerHTML + ' venceu');
  87. if(document.getElementById('a1').innerHTML=='X' || document.getElementById('a5').innerHTML=='X' || document.getElementById('a9').innerHTML=='X' ){
  88. document.getElementById('jg1').value=parseInt(document.getElementById('jg1').value) + 1;
  89. }
  90. else
  91. document.getElementById('jg2').value=parseInt(document.getElementById('jg2').value) + 1;
  92. win=1;
  93. }
  94. if(document.getElementById('a3').innerHTML== document.getElementById('a5').innerHTML && document.getElementById('a3').innerHTML==document.getElementById('a7').innerHTML && document.getElementById('a3').innerHTML!='&nbsp;'){
  95. alert('Jogador ' + document.getElementById('a3').innerHTML + ' venceu');
  96. if(document.getElementById('a3').innerHTML=='X' || document.getElementById('a5').innerHTML=='X' || document.getElementById('a7').innerHTML=='X' ){
  97. document.getElementById('jg1').value=parseInt(document.getElementById('jg1').value) + 1;
  98. }
  99. else
  100. document.getElementById('jg2').value=parseInt(document.getElementById('jg2').value) + 1;
  101. win=1;
  102. }
  103. if (win==0 && jogada==9) {
  104. alert('Empate');
  105. document.getElementById('emp').value=parseInt(document.getElementById('emp').value) + 1;
  106. limpa();
  107.  
  108. }
  109. }
  110. function limpa(){
  111. for(i=1;i<=9;i++){
  112. document.getElementById('a' + i).innerHTML='&nbsp;';
  113. }
  114. jogada=0;
  115. win=0;
  116. j=0;
  117. }
  118.  
  119.  
  120. </script>
  121. </body>
  122. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement