All Languages >> Javascript >> create tic tac toe game in react using jsx files

“create tic tac toe game in react using jsx files” Code Answer

create tic tac toe game in react using jsx files

javascript by Crowded Curlew on Jun 12 2020 Donate

    useEffect(()=>{
        //checking winner row and col
        for (let i = 0; i <= 2; i++){
            const idx = (i % 3) * 3 // -> 0,3,6
            //check row
            if ( (table[idx] + table[idx+1] + table[idx+2] )=== 9 || (table[idx] + table[idx+1] + table[idx+2] ) === 15){
                setWinner([idx,idx+1,idx+2])
                gameOver()
            }
            //check col
            if ((table[i] + table[i+3] + table[i+6] )=== 9 || (table[i] + table[i+3] + table[i+6] ) === 15){
                setWinner([i,i+3,i+6])
                gameOver()
            }
        }
        //checking winner diagonal
        if ((table[0] + table[4] + table[8] ) === 15 || (table[0] + table[4] + table[8] ) === 9 ){
            setWinner([0, 4, 8])
            gameOver()
        }
        if ((table[2] + table[4] + table[6] ) === 9 || (table[2] + table[4] + table[6] ) ===15){
            setWinner([2, 4, 6])
            gameOver()
        }
        // check if table completed
        if (table.indexOf(0) === -1){
            gameOver()
        }
    }, [table])

Source: dev.to

Javascript queries related to “create tic tac toe game in react using jsx files”

Learn how Grepper helps you improve as a Developer!

INSTALL GREPPER FOR CHROME

“create tic tac toe game in react using jsx files” Code Answer

Javascript queries related to “create tic tac toe game in react using jsx files”

Learn how Grepper helps you improve as a Developer!

All Javascript Answers

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.