Click here for free DL of the app version that can save data.

No:27882

make a xox game played against the computer
Developer User13909｜Date and time 23/12/9 22:35:51
Build time 34.81 sec｜Game capacity 4.377KB｜

Script

Sure! Below is an example of a XOX (Tic-Tac-Toe) game played against the computer using JavaScript. The game is implemented in a single HTML file, enclosed in script tags, and can be played on a smartphone.

XOX Game

To play the game, simply open the HTML file in a browser. The XOX game will be displayed, and you can make moves by tapping on the cells. The computer will automatically make its move, and the game will continue until a player wins or it's a tie. After each game, the board will be reset for a new game.

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

Click here for free DL of the app version that can save data.

```html
<!DOCTYPE html>
<html>

<head>
    <title>XOX Game</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
        }

.board {
            width: 300px;
            margin: 0 auto;
        }

.cell {
            width: 100px;
            height: 100px;
            border: 1px solid #ccc;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            font-size: 36px;
        }

.cell:hover {
            background-color: #eee;
        }
    </style>
</head>

const cells = document.querySelectorAll('.cell');
        cells.forEach(cell => cell.addEventListener('click', handleClick));

function handleClick(event) {
            const clickedCell = event.target;
            const cellIndex = Array.prototype.indexOf.call(cells, clickedCell);

if (typeof board[cellIndex] === 'number') {
                makeMove(cellIndex, currentPlayer);

if (!checkWinningMove(board, currentPlayer) && !checkTie())
                    makeComputerMove();

if (checkWinningMove(board, currentPlayer)) {
                    setTimeout(() => {
                        alert(`Player ${currentPlayer} won!`);
                        reset();
                    }, 100);
                }

if (checkTie()) {
                    setTimeout(() => {
                        alert('It\'s a tie!');
                        reset();
                    }, 100);
                }
            }
        }

function makeMove(cellIndex, player) {
            board[cellIndex] = player;
            cells[cellIndex].textContent = player;
            currentPlayer = (currentPlayer === player) ? computer : player;
            cells[cellIndex].style.pointerEvents = 'none';
        }

function makeComputerMove() {
            const availableCells = getEmptyCells();
            const randomIndex = Math.floor(Math.random() * availableCells.length);
            const cellIndex = availableCells[randomIndex];
            makeMove(cellIndex, computer);
        }

function getEmptyCells() {
            return board.filter(val => typeof val === 'number');
        }

function checkWinningMove(board, player) {
            const winningCombinations = [
                [0, 1, 2],
                [3, 4, 5],
                [6, 7, 8],
                [0, 3, 6],
                [1, 4, 7],
                [2, 5, 8],
                [0, 4, 8],
                [2, 4, 6]
            ];

for (let combination of winningCombinations) {
                if (board[combination[0]] === player && board[combination[1]] === player && board[combination[2]] === player) {
                    return true;
                }
            }
            return false;
        }

function checkTie() {
            return getEmptyCells().length === 0;
        }

function reset() {
            board = Array.from(Array(9).keys());
            currentPlayer = player;
            cells.forEach(cell => {
                cell.textContent = '';
                cell.style.pointerEvents = 'auto';
            });
        }
    </script>
</body>

</html>
```