{"name":"Tic Tac Toe Showdown","description":"Get ready to challenge your friends in this classic Tic Tac Toe game! With simple controls and fun visuals, you'll be placing your Xs and Os in no time. Whether you're playing against a friend or just practicing your skills, this game is designed for everyone to enjoy!","photo":null,"view_count":5,"fork_count":0,"expires_at":null,"created_at":"2024-12-23T11:05:33.363235Z","updated_at":"2024-12-23T11:05:33.363238Z","user_id":257,"status":"PRIVATE","parent_id":null,"id":5278,"user":{"username":"mustafayamin","id":257,"password_hash":"$2b$12$OtTvu8fk3N/WedeVn5FKZ.VYt9V7.QBjXz6xq6Dp1nrVJzPjMWuTi","updated_at":"2024-12-02T09:12:18.311323Z","reset_token_expiry":null,"subscription_status":null,"photo":null,"email":"mustafayamin5@gmail.com","recess_id":null,"created_at":"2024-12-02T09:12:18.311319Z","reset_token":null,"stripe_customer_id":null,"seats":null},"code":{"script.js":"\n// // Updated script.js to include player names\n// const board = document.getElementById('board');\n// const cells = document.querySelectorAll('.cell');\n// const message = document.getElementById('message');\n// const restartButton = document.getElementById('restart');\n\n// let playerX = prompt(\"Enter name for Player X:\") || \"Player X\";\n// let playerO = prompt(\"Enter name for Player O:\") || \"Player O\";\n// let currentPlayer = 'X';\n// let gameState = Array(9).fill(null);\n\n// const winningCombinations = [\n// [0, 1, 2],\n// [3, 4, 5],\n// [6, 7, 8],\n// [0, 3, 6],\n// [1, 4, 7],\n// [2, 5, 8],\n// [0, 4, 8],\n// [2, 4, 6]\n// ];\n\n// function handleClick(event) {\n// const cell = event.target;\n// const index = cell.getAttribute('data-index');\n\n// if (!gameState[index]) {\n// gameState[index] = currentPlayer;\n// cell.textContent = currentPlayer;\n// cell.classList.add('taken');\n\n// if (checkWinner()) {\n// const winnerName = currentPlayer === 'X' ? playerX : playerO;\n// message.textContent = `${winnerName} wins!`;\n// endGame();\n// } else if (gameState.every(cell => cell)) {\n// message.textContent = 'It\\'s a draw!';\n// endGame();\n// } else {\n// currentPlayer = currentPlayer === 'X' ? 'O' : 'X';\n// const currentPlayerName = currentPlayer === 'X' ? playerX : playerO;\n// message.textContent = `${currentPlayerName}\\'s turn`;\n// }\n// }\n// }\n\n// function checkWinner() {\n// return winningCombinations.some(combination => {\n// return combination.every(index => gameState[index] === currentPlayer);\n// });\n// }\n\n// function endGame() {\n// cells.forEach(cell => cell.classList.add('taken'));\n// }\n\n// function restartGame() {\n// gameState.fill(null);\n// currentPlayer = 'X';\n// message.textContent = `${playerX}\\'s turn`;\n// cells.forEach(cell => {\n// cell.textContent = '';\n// cell.classList.remove('taken');\n// });\n// }\n\n// cells.forEach(cell => cell.addEventListener('click', handleClick));\n// restartButton.addEventListener('click', restartGame);\n\n// message.textContent = `${playerX}\\'s turn`;\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n// // Updated script.js to include a timer for each turn\n// const board = document.getElementById('board');\n// const cells = document.querySelectorAll('.cell');\n// const message = document.getElementById('message');\n// const restartButton = document.getElementById('restart');\n// let timerDisplay = document.createElement('div');\n// timerDisplay.id = 'timer';\n// message.parentNode.insertBefore(timerDisplay, message.nextSibling);\n\n// let playerX = prompt(\"Enter name for Player X:\") || \"Player X\";\n// let playerO = prompt(\"Enter name for Player O:\") || \"Player O\";\n// let currentPlayer = 'X';\n// let gameState = Array(9).fill(null);\n// let timer;\n// const TIME_LIMIT = 10; // Time limit in seconds\n\n// const winningCombinations = [\n// [0, 1, 2],\n// [3, 4, 5],\n// [6, 7, 8],\n// [0, 3, 6],\n// [1, 4, 7],\n// [2, 5, 8],\n// [0, 4, 8],\n// [2, 4, 6]\n// ];\n\n// function startTimer() {\n// let timeRemaining = TIME_LIMIT;\n// timerDisplay.textContent = `Time left: ${timeRemaining}s`;\n\n// clearInterval(timer);\n// timer = setInterval(() => {\n// timeRemaining--;\n// timerDisplay.textContent = `Time left: ${timeRemaining}s`;\n\n// if (timeRemaining <= 0) {\n// clearInterval(timer);\n// switchTurn();\n// }\n// }, 1000);\n// }\n\n// function handleClick(event) {\n// const cell = event.target;\n// const index = cell.getAttribute('data-index');\n\n// if (!gameState[index]) {\n// gameState[index] = currentPlayer;\n// cell.textContent = currentPlayer;\n// cell.classList.add('taken');\n\n// if (checkWinner()) {\n// const winnerName = currentPlayer === 'X' ? playerX : playerO;\n// message.textContent = `${winnerName} wins!`;\n// clearInterval(timer);\n// endGame();\n// } else if (gameState.every(cell => cell)) {\n// message.textContent = 'It\\'s a draw!';\n// clearInterval(timer);\n// endGame();\n// } else {\n// switchTurn();\n// }\n// }\n// }\n\n// function switchTurn() {\n// currentPlayer = currentPlayer === 'X' ? 'O' : 'X';\n// const currentPlayerName = currentPlayer === 'X' ? playerX : playerO;\n// message.textContent = `${currentPlayerName}\\'s turn`;\n// startTimer();\n// }\n\n// function checkWinner() {\n// return winningCombinations.some(combination => {\n// return combination.every(index => gameState[index] === currentPlayer);\n// });\n// }\n\n// function endGame() {\n// cells.forEach(cell => cell.classList.add('taken'));\n// clearInterval(timer);\n// timerDisplay.textContent = '';\n// }\n\n// function restartGame() {\n// gameState.fill(null);\n// currentPlayer = 'X';\n// message.textContent = `${playerX}\\'s turn`;\n// timerDisplay.textContent = '';\n// cells.forEach(cell => {\n// cell.textContent = '';\n// cell.classList.remove('taken');\n// });\n// startTimer();\n// }\n\n// cells.forEach(cell => cell.addEventListener('click', handleClick));\n// restartButton.addEventListener('click', restartGame);\n\n// message.textContent = `${playerX}\\'s turn`;\n// startTimer();\n\n\n\n\n\n\n\n\n\n\n\n// Updated script.js to include difficulty levels with adjustable timers\nconst board = document.getElementById('board');\nconst cells = document.querySelectorAll('.cell');\nconst message = document.getElementById('message');\nconst restartButton = document.getElementById('restart');\nlet timerDisplay = document.createElement('div');\ntimerDisplay.id = 'timer';\nmessage.parentNode.insertBefore(timerDisplay, message.nextSibling);\n\nlet playerX = prompt(\"Enter name for Player X:\") || \"Player X\";\nlet playerO = prompt(\"Enter name for Player O:\") || \"Player O\";\nlet currentPlayer = 'X';\nlet gameState = Array(9).fill(null);\nlet timer;\n\n// Select difficulty level\nlet difficulty = prompt(\"Choose difficulty: Easy, Medium, or Hard:\").toLowerCase();\nlet TIME_LIMIT;\nswitch (difficulty) {\n case 'easy':\n TIME_LIMIT = 30;\n break;\n case 'medium':\n TIME_LIMIT = 15;\n break;\n case 'hard':\n TIME_LIMIT = 7;\n break;\n default:\n TIME_LIMIT = 30;\n alert(\"Invalid choice! Defaulting to Easy difficulty.\");\n}\n\nconst winningCombinations = [\n [0, 1, 2],\n [3, 4, 5],\n [6, 7, 8],\n [0, 3, 6],\n [1, 4, 7],\n [2, 5, 8],\n [0, 4, 8],\n [2, 4, 6]\n];\n\nfunction startTimer() {\n let timeRemaining = TIME_LIMIT;\n timerDisplay.textContent = `Time left: ${timeRemaining}s`;\n\n clearInterval(timer);\n timer = setInterval(() => {\n timeRemaining--;\n timerDisplay.textContent = `Time left: ${timeRemaining}s`;\n\n if (timeRemaining <= 0) {\n clearInterval(timer);\n switchTurn();\n }\n }, 1000);\n}\n\nfunction handleClick(event) {\n const cell = event.target;\n const index = cell.getAttribute('data-index');\n\n if (!gameState[index]) {\n gameState[index] = currentPlayer;\n cell.textContent = currentPlayer;\n cell.classList.add('taken');\n\n if (checkWinner()) {\n const winnerName = currentPlayer === 'X' ? playerX : playerO;\n message.textContent = `${winnerName} wins!`;\n clearInterval(timer);\n endGame();\n } else if (gameState.every(cell => cell)) {\n message.textContent = 'It\\'s a draw!';\n clearInterval(timer);\n endGame();\n } else {\n switchTurn();\n }\n }\n}\n\nfunction switchTurn() {\n currentPlayer = currentPlayer === 'X' ? 'O' : 'X';\n const currentPlayerName = currentPlayer === 'X' ? playerX : playerO;\n message.textContent = `${currentPlayerName}\\'s turn`;\n startTimer();\n}\n\nfunction checkWinner() {\n return winningCombinations.some(combination => {\n return combination.every(index => gameState[index] === currentPlayer);\n });\n}\n\nfunction endGame() {\n cells.forEach(cell => cell.classList.add('taken'));\n clearInterval(timer);\n timerDisplay.textContent = '';\n}\n\nfunction restartGame() {\n gameState.fill(null);\n currentPlayer = 'X';\n message.textContent = `${playerX}\\'s turn`;\n timerDisplay.textContent = '';\n cells.forEach(cell => {\n cell.textContent = '';\n cell.classList.remove('taken');\n });\n startTimer();\n}\n\ncells.forEach(cell => cell.addEventListener('click', handleClick));\nrestartButton.addEventListener('click', restartGame);\n\nmessage.textContent = `${playerX}\\'s turn`;\nstartTimer();\n","style.css":"body {\r\n font-family: Arial, sans-serif;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n height: 100vh;\r\n margin: 0;\r\n background-color: #f4f4f9;\r\n}\r\n\r\n.container {\r\n text-align: center;\r\n}\r\n\r\n.board {\r\n display: grid;\r\n grid-template-columns: repeat(3, 100px);\r\n grid-gap: 5px;\r\n margin: 20px auto;\r\n}\r\n\r\n.cell {\r\n width: 100px;\r\n height: 100px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n background-color: #fff;\r\n border: 2px solid #333;\r\n font-size: 2em;\r\n font-weight: bold;\r\n cursor: pointer;\r\n}\r\n\r\n.cell.taken {\r\n pointer-events: none;\r\n}\r\n\r\n.message {\r\n font-size: 1.2em;\r\n margin-top: 10px;\r\n}\r\n\r\n.restart {\r\n margin-top: 15px;\r\n padding: 10px 20px;\r\n background-color: #007bff;\r\n color: #fff;\r\n border: none;\r\n border-radius: 5px;\r\n cursor: pointer;\r\n font-size: 1em;\r\n}\r\n\r\n.restart:hover {\r\n background-color: #0056b3;\r\n}","index.html":"\n\n\n\n \n \n Tic Tac Toe\n \n\n\n\n

Tic Tac Toe

\n \n

\n \n\n\n"},"chat_history":[{"code_id":195557,"deleted":0,"input_tokens":null,"id":98194,"project_id":5278,"sender":"human","message":"I want to make a tic tac toe game","created_at":"2024-12-23T11:05:33.377904Z","output_tokens":null}],"assets":[],"messages_sent":1,"comments":[],"steps":[]}