Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
- <title></title>
- <style>
- td {
- width: 30px;
- height: 30px;
- border: 1px solid black;
- cursor: pointer;
- text-align: center;
- }
- </style>
- </head>
- <body>
- <table id="myTable">
- <tr>
- <td></td>
- <td></td>
- <td></td>
- </tr>
- <tr>
- <td></td>
- <td></td>
- <td></td>
- </tr>
- <tr>
- <td></td>
- <td></td>
- <td></td>
- </tr>
- </table>
- <script>
- var pos =
- [
- [[0,0],[0,1],[0,2]], //1 строка
- [[1,0],[1,1],[1,2]], //2 строка
- [[2,0],[2,1],[2,2]], //3 строка
- [[0,0],[1,0],[2,0]], //1 столбец
- [[0,1],[1,1],[2,1]], //2 столбец
- [[0,2],[1,2],[2,2]], //3 столбец
- ];
- function check() {
- var table = document.getElementById("myTable");
- var flag;
- for(var i = 0; i < pos.length; i++){
- var win = true;
- for(var k = 0; k < pos[i].length; k++){
- 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' )
- win = false;
- }
- if(win){
- flag = true;
- break;
- }
- }
- if (flag) {
- alert("победа");
- }
- }
- var tds = document.getElementsByTagName('td');
- for(var i = 0; i < tds.length; i++){
- tds[i].addEventListener('click', function(){
- if(this.innerHTML !== 'X'){
- this.innerHTML = 'X';
- }
- else {
- this.innerHTML = '';
- }
- check();
- })
- }
- for(var i = 0; i < tds.length; i++){
- tds[i].addEventListener('click', function(){
- if(this.innerHTML !== 'O'){
- this.innerHTML = 'O';
- }
- else {
- this.innerHTML = '';
- }
- check();
- })
- }
- </script>
- </body>
- </html>
Add Comment
Please, Sign In to add comment