ff.js

let cells = document.querySelectorAll(".cell");
let reset = document.querySelector(".reset-btn");
let turnO = true;
let winpattrens = [
    [0, 1, 2],
    [0, 3, 6],
    [0, 4, 8],
    [1,4,7],
    [2,5,8],
    [2,4,6],
    [3,4,5],
    [6,7,8]

];
 cells.forEach((cell) => {
    cell.addEventListener("click", () => {
        if (turnO === true) {
            cell.innerText = "O"
            turnO = false;
        } else {
            cell.innerText = "X";
            turnO = true;
        }
        cell.disabled = true;
        checkwinner();
    })
    })
    const disabledcells = ()=>{
        for(cellsdis of disabledcells){
            cellsdis.disabled;
        }
    }
    const checkwinner = () => {

        for (patterns of winpattrens) {
               let pos1 = cells[patterns[0]].innerText;
               let pos2 =  cells[patterns[1]].innerText;
               let pos3 =  cells[patterns[2]].innerText;
            
             if(pos1 != "" && pos2 != ""  && pos3 != ""){
                if(pos1 === pos2 && pos2 === pos3){
                    console.log("Winner", pos1);
                    alert(`Winner , ${pos1}`);
                 disabledcells();
                }}}}


 reset.onclick = () =>{
    cells.forEach((cells)=>{
     cells.innerText = "";
     turnO= false;
    });
    turnO = true 
    disabledcells();}