Tic tac toe vs ai, 3x3 grid's game

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

No:37580

←

Prev Next

→

Tic tac toe vs ai, 3x3 grid
Developer User17064｜Date and time 24/1/21 6:06:03
Build time 12.805 sec｜Game capacity 4.182KB｜

Script

Here's an example of a Tic Tac Toe game implemented as a single HTML file using JavaScript:

This implementation allows you to play Tic Tac Toe against an AI opponent on a 3x3 grid. The X player always goes first, and the AI player (O) makes random moves. The game will detect if a player wins or if it's a draw, and then it allows you to start again by clicking the cells. Note: This is a basic implementation and does not include advanced AI strategies.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

Here's an example of a Tic Tac Toe game implemented as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Tic Tac Toe</title>
    <style>
        table {
            margin: 0 auto;
            border-collapse: collapse;
        }
        td {
            width: 100px;
            height: 100px;
            text-align: center;
            font-size: 48px;
            border: 1px solid black;
        }
        td:hover {
            cursor: pointer;
        }
    </style>
</head>
<body>
    <table id="board">
        <tr>
            <td onclick="makeMove(0, 0)"></td>
            <td onclick="makeMove(0, 1)"></td>
            <td onclick="makeMove(0, 2)"></td>
        </tr>
        <tr>
            <td onclick="makeMove(1, 0)"></td>
            <td onclick="makeMove(1, 1)"></td>
            <td onclick="makeMove(1, 2)"></td>
        </tr>
        <tr>
            <td onclick="makeMove(2, 0)"></td>
            <td onclick="makeMove(2, 1)"></td>
            <td onclick="makeMove(2, 2)"></td>
        </tr>
    </table>
    <script>
        var board = [[null, null, null], [null, null, null], [null, null, null]];
        var currentPlayer = 'X';

function resetGame() {
            board = [[null, null, null], [null, null, null], [null, null, null]];
            currentPlayer = 'X';
            var cells = document.getElementsByTagName('td');
            Array.from(cells).forEach(function(cell) {
                cell.innerText = '';
            });
        }

Note: This is a basic implementation and does not include advanced AI strategies.