EduzZiTo

Jogo do galo vs PC

Dec 10th, 2018
50
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.61 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 (win==0) {
  48. if(document.getElementById(x).innerHTML=='&nbsp;'){
  49. document.getElementById(x).innerHTML='X';
  50. jogada++;
  51. verifica();
  52. }
  53. if (jogada<9 && win==0) {
  54. do{
  55. c=Math.floor((Math.random()*9)+1);
  56. }while (document.getElementById('a' + c ).innerHTML!='&nbsp;');
  57.  
  58. jogada++;
  59. document.getElementById('a'+c).innerHTML='O';
  60. verifica();
  61.  
  62. }
  63.  
  64. }
  65. }
  66. function verifica(){
  67.  
  68. for(i=1,b=4,c=7;i<=3;i++,b++,c++){
  69. 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;') {
  70. alert('Jogador ' + document.getElementById('a' + i).innerHTML + ' venceu');
  71. if(document.getElementById('a'+i).innerHTML=='X'){
  72. document.getElementById('jg1').value=parseInt(document.getElementById('jg1').value) + 1;
  73. }
  74. else
  75. document.getElementById('jg2').value=parseInt(document.getElementById('jg2').value) + 1;
  76. break;
  77. win=1;
  78. }
  79. }
  80. for(i=1,b=2,c=3;i<=7;i=i+3,b=b+3,c=c+3){
  81. 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;') {
  82. alert('Jogador ' + document.getElementById('a' + i).innerHTML + ' venceu');
  83. if(document.getElementById('a'+i).innerHTML=='X'){
  84. document.getElementById('jg1').value=parseInt(document.getElementById('jg1').value) + 1;
  85. }
  86. else
  87. document.getElementById('jg2').value=parseInt(document.getElementById('jg2').value) + 1;
  88. break;
  89. win=1;
  90. }
  91. }
  92. if(document.getElementById('a1').innerHTML== document.getElementById('a5').innerHTML && document.getElementById('a1').innerHTML==document.getElementById('a9').innerHTML && document.getElementById('a1').innerHTML!='&nbsp;'){
  93. alert('Jogador ' + document.getElementById('a1').innerHTML + ' venceu');
  94. if(document.getElementById('a1').innerHTML=='X' || document.getElementById('a5').innerHTML=='X' || document.getElementById('a9').innerHTML=='X' ){
  95. document.getElementById('jg1').value=parseInt(document.getElementById('jg1').value) + 1;
  96. }
  97. else
  98. document.getElementById('jg2').value=parseInt(document.getElementById('jg2').value) + 1;
  99. win=1;
  100. }
  101. if(document.getElementById('a3').innerHTML== document.getElementById('a5').innerHTML && document.getElementById('a3').innerHTML==document.getElementById('a7').innerHTML && document.getElementById('a3').innerHTML!='&nbsp;'){
  102. alert('Jogador ' + document.getElementById('a3').innerHTML + ' venceu');
  103. if(document.getElementById('a3').innerHTML=='X' || document.getElementById('a5').innerHTML=='X' || document.getElementById('a7').innerHTML=='X' ){
  104. document.getElementById('jg1').value=parseInt(document.getElementById('jg1').value) + 1;
  105. }
  106. else
  107. document.getElementById('jg2').value=parseInt(document.getElementById('jg2').value) + 1;
  108. win=1;
  109. }
  110. if (win==0 && jogada==9) {
  111. alert('Empate');
  112. document.getElementById('emp').value=parseInt(document.getElementById('emp').value) + 1;
  113. limpa();
  114.  
  115. }
  116. }
  117. function limpa(){
  118. for(i=1;i<=9;i++){
  119. document.getElementById('a' + i).innerHTML='&nbsp;';
  120. }
  121. jogada=0;
  122. win=0;
  123. j=0;
  124. }
  125.  
  126.  
  127. </script>
  128. </body>
  129. </html>
Add Comment
Please, Sign In to add comment