script2.js

 let boxes = document.querySelectorAll(".box");
 let resetBtn= document.querySelector("#reset");
 let newgameBtn=document.querySelector("#new-btn");
 let msgcontainer= document.querySelector(".msg-container");
 let msg=document.querySelector("#msg");
 let turno=true;
 const winpatterns=[
    [0,1,2],
    [0,3,6],
    [0,4,8],
    [1,4,7],
    [2,5,8],
    [2,4,6],
    [3,4,5],
    [6,7,8],
 ];
 const resetgame = () =>{
    turno=true;
      enableboxes();
     msgcontainer.classList.add("hide");
 };
 boxes.forEach((box) => {
    box.addEventListener("click",()=>{
        if(turno){
            box.innerText="O";
            box.style.color="green"
            turno=false;
        }else{
            box.innerText="X";
            box.style.color="blue";
            turno=true;
        }
        box.disabled=true;
     checkwinner();

    });
 });
 const disableboxes=()=>{
    for(let box of boxes){
     box.disabled=true;   
    }

 }
 const enableboxes=()=>{
    for(let box of boxes){
     box.disabled=false;  
     box.innerText = "";
    }
}
 const showwinner=(winner)=>{
    msg.innerText=`CONGRATULATIONS , WINNER IS ${winner}`;
    msgcontainer.classList.remove("hide");
    disableboxes();
 }
 const checkwinner=()=>{
    for(pattern of winpatterns){
        let pos1val =boxes[pattern[0]].innerText;
        let pos2val =boxes[pattern[1]].innerText;
        let pos3val =boxes[pattern[2]].innerText;
        if(pos1val!="" && pos2val!="" && pos3val!=""){
            if(pos1val===pos2val && pos2val===pos3val){
                console.log("winner",pos1val);

                showwinner(pos1val);
            }
        }
        
    }

 };
 newgameBtn.addEventListener("click",resetgame);
 resetBtn.addEventListener("click",resetgame);