'use strict';
 window.onload = function () {
     for(let i = 0; i < 9; i++){
         document.getElementById('game').innerHTML +='<input type="button" value="" class="INPUT">';
     }
     let bool = true;
     let counter = 0;
     let x = 0;

     document.getElementById('game').onclick = function (event) {
         console.log(event);
        if(event.srcElement.value === ""){
            if (x % 2 === 0){
                event.srcElement.value = "o";
            }
            else {
                event.srcElement.value = "x";
            }
           x++;
            checkWinner();
        }
     }

     function XorO(char) {
         bool === false;
         if(char==='x'){
             setTimeout(function() {alert("Крестики выиграли"), window.location.reload()}, 30);
         }
         else if (char==='o'){
             setTimeout(function (){alert("Нолики выиграли"), window.location.reload()}, 30 );
         }
     }

     function CheckPosition(mas,char) {
         if (mas[0].value===char && mas[1].value===char && mas[2].value===char){
             mas[0].style.backgroundColor = "green";
             mas[1].style.backgroundColor = "green";
             mas[2].style.backgroundColor = "green";
            XorO(char);
         }

         if(mas[3].value===char && mas[4].value===char && mas[5].value===char){
             mas[3].style.backgroundColor = "green";
             mas[4].style.backgroundColor = "green";
             mas[5].style.backgroundColor = "green";
             XorO(char);
         }
         if (mas[6].value===char && mas[7].value===char && mas[8].value===char) {
             mas[6].style.backgroundColor = "green";
             mas[7].style.backgroundColor = "green";
             mas[8].style.backgroundColor = "green";
             XorO(char);
         }

         if(mas[0].value===char && mas[3].value===char && mas[6].value===char){
             mas[0].style.backgroundColor = "green";
             mas[3].style.backgroundColor = "green";
             mas[6].style.backgroundColor = "green";
             XorO(char);
         }

         if (mas[1].value===char && mas[4].value===char && mas[7].value===char){
             mas[1].style.backgroundColor = "green";
             mas[4].style.backgroundColor = "green";
             mas[7].style.backgroundColor = "green";
             XorO(char);
         }

         if (mas[2].value===char && mas[5].value===char && mas[8].value===char){
             mas[2].style.backgroundColor = "green";
             mas[5].style.backgroundColor = "green";
             mas[8].style.backgroundColor = "green";
             XorO(char);
         }
         if (mas[0].value===char && mas[4].value===char && mas[8].value===char){
             mas[0].style.backgroundColor = "green";
             mas[4].style.backgroundColor = "green";
             mas[8].style.backgroundColor = "green";
             XorO(char);
         }
         if (mas[2].value===char && mas[4].value===char && mas[6].value===char){
             mas[2].style.backgroundColor = "green";
             mas[4].style.backgroundColor = "green";
             mas[6].style.backgroundColor = "green";
             XorO(char);
         }
     }

     function checkWinner() {
         let allblock = document.getElementsByClassName('INPUT');
         console.log(allblock);
         CheckPosition(allblock, 'x');
         CheckPosition(allblock, 'o');
         counter++;
         if (counter === 9 && bool){
             setTimeout(function (){alert("Ничья"), window.location.reload()}, 100 );
         }

     }
 }