Guest User

Untitled

a guest
Oct 22nd, 2018
98
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.13 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
  5. <title></title>
  6. <style>
  7. td {
  8. width: 30px;
  9. height: 30px;
  10. border: 1px solid black;
  11. cursor: pointer;
  12. text-align: center;
  13. }
  14. </style>
  15. </head>
  16. <body>
  17.  
  18. <table id="myTable">
  19. <tr>
  20. <td></td>
  21. <td></td>
  22. <td></td>
  23. </tr>
  24. <tr>
  25. <td></td>
  26. <td></td>
  27. <td></td>
  28. </tr>
  29. <tr>
  30. <td></td>
  31. <td></td>
  32. <td></td>
  33. </tr>
  34. </table>
  35.  
  36. <script>
  37. var pos =
  38. [
  39. [[0,0],[0,1],[0,2]], //1 строка
  40. [[1,0],[1,1],[1,2]], //2 строка
  41. [[2,0],[2,1],[2,2]], //3 строка
  42.  
  43. [[0,0],[1,0],[2,0]], //1 столбец
  44. [[0,1],[1,1],[2,1]], //2 столбец
  45. [[0,2],[1,2],[2,2]], //3 столбец
  46. ];
  47.  
  48. function check() {
  49. var table = document.getElementById("myTable");
  50. var flag;
  51.  
  52. for(var i = 0; i < pos.length; i++){
  53. var win = true;
  54. for(var k = 0; k < pos[i].length; k++){
  55. if(table.rows[pos[i][k][0]].cells[pos[i][k][1]].innerHTML !== 'X' && table.rows[pos[i][k][0]].cells[pos[i][k][1]].innerHTML !== 'O' )
  56. win = false;
  57. }
  58.  
  59. if(win){
  60. flag = true;
  61. break;
  62. }
  63. }
  64.  
  65. if (flag) {
  66. alert("победа");
  67. }
  68. }
  69.  
  70. var tds = document.getElementsByTagName('td');
  71. for(var i = 0; i < tds.length; i++){
  72. tds[i].addEventListener('click', function(){
  73. if(this.innerHTML !== 'X'){
  74. this.innerHTML = 'X';
  75. }
  76. else {
  77. this.innerHTML = '';
  78. }
  79. check();
  80. })
  81. }
  82. for(var i = 0; i < tds.length; i++){
  83. tds[i].addEventListener('click', function(){
  84. if(this.innerHTML !== 'O'){
  85. this.innerHTML = 'O';
  86. }
  87. else {
  88. this.innerHTML = '';
  89. }
  90. check();
  91. })
  92. }
  93. </script>
  94. </body>
  95. </html>
Add Comment
Please, Sign In to add comment