[
  {
    "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;"
  }
]