Calculator Tools Calculator Tools
Create

Tic Tac Toe

Oct 20, 2023

About this app

A fun and colorful Tic Tac Toe game against computer.

[ { "search": "", "replace": "" }, { "search": "let board = Array(9).fill(null);", "replace": "let board = Array(3).fill(null).map(() => Array(3).fill(null));" }, { "search": "if (board[index]) return;", "replace": "if (board[Math.floor(index/3)][index%3]) return;" }, { "search": "let currentPlayer = humanPlayer;", "replace": "let currentPlayer = humanPlayer;\nlet playerOne = humanPlayer;\nlet playerTwo = computerPlayer;" }, { "search": "currentPlayer = currentPlayer === humanPlayer ? computerPlayer : humanPlayer;", "replace": "currentPlayer = currentPlayer === playerOne ? playerTwo : playerOne;" }, { "search": "if (currentPlayer === computerPlayer) {", "replace": "if (currentPlayer === playerTwo) {" }, { "search": "let buttons = document.querySelectorAll('button');", "replace": "let buttons = document.querySelectorAll('td button');" }, { "search": "button.addEventListener('click', () => {", "replace": "button.addEventListener('click', (event) => { makeMove(event.target.parentNode.cellIndex, event.target.parentNode.parentNode.rowIndex);" }, { "search": "button.textContent = board[i];", "replace": "button.textContent = board[Math.floor(i/3)][i%3];" }, { "search": "function makeMo...

Related apps

Put this on your site

Source

                    [
{
"search": "<div id=\"board\">",
"replace": "<table id=\"board\"><tr><td><button></button></td><td><button></button></td><td><button></button></td></tr><tr><td><button></button></td><td><button></button></td><td><button></button></td></tr><tr><td><button></button></td><td><button></button></td><td><button></button></td></tr></table>"
},
{
"search": "let board = Array(9).fill(null);",
"replace": "let board = Array(3).fill(null).map(() => Array(3).fill(null));"
},
{
"search": "if (board[index]) return;",
"replace": "if (board[Math.floor(index/3)][index%3]) return;"
},
{
"search": "let currentPlayer = humanPlayer;",
"replace": "let currentPlayer = humanPlayer;\nlet playerOne = humanPlayer;\nlet playerTwo = computerPlayer;"
},
{
"search": "currentPlayer = currentPlayer === humanPlayer ? computerPlayer : humanPlayer;",
"replace": "currentPlayer = currentPlayer === playerOne ? playerTwo : playerOne;"
},
{
"search": "if (currentPlayer === computerPlayer) {",
"replace": "if (currentPlayer === playerTwo) {"
},
{
"search": "let buttons = document.querySelectorAll('button');",
"replace": "let buttons = document.querySelectorAll('td button');"
},
{
"search": "button.addEventListener('click', () => {",
"replace": "button.addEventListener('click', (event) => { makeMove(event.target.parentNode.cellIndex, event.target.parentNode.parentNode.rowIndex);"
},
{
"search": "button.textContent = board[i];",
"replace": "button.textContent = board[Math.floor(i/3)][i%3];"
},
{
"search": "function makeMove(index) {",
"replace": "function makeMove(colIndex, rowIndex) {\n let index = rowIndex * 3 + colIndex;"
}
]