Breaking News: Grepper is joining You.com. Read the official announcement!

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Tic Tac Toe</title> <style> table { border-collapse: collapse; } td { width: 80px; height: 80px; text-align: center; vertical-align: middle; border: 2px solid black; font-size: 40px; font-weight:

Bored Bird answered on March 28, 2023 Popularity 1/10 Helpfulness 1/10

answer <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Tic Tac Toe</title> <style> table { border-collapse: collapse; } td { width: 80px; height: 80px; text-align: center; vertical-align: middle; border: 2px solid black; font-size: 40px; font-weight:

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Tic Tac Toe</title> <style> table { border-collapse: collapse; } td { width: 80px; height: 80px; text-align: center; vertical-align: middle; border: 2px solid black; font-size: 40px; font-weight:

Comment

<!DOCTYPE html>
<html>
<head>
    <title>Tic Tac Toe</title>
    <style>
        /* Styling for the game board */
        table {
            border-collapse: collapse;
            margin: auto;
            font-size: 25px;
            font-weight: bold;
        }
        td {
            width: 50px;
            height: 50px;
            border: 1px solid black;
            text-align: center;
            vertical-align: middle;
            cursor: pointer;
        }
        td:hover {
            background-color: #ccc;
        }
    </style>
</head>
<body>
    <?php
        // Initialize the game board
        $board = array(
            array("", "", ""),
            array("", "", ""),
            array("", "", "")
        );

        // Check if a player has won the game
        function checkWin($board, $player) {
            // Check for horizontal win
            for ($i = 0; $i < 3; $i++) {
                if ($board[$i][0] == $player && $board[$i][1] == $player && $board[$i][2] == $player) {
                    return true;
                }
            }

            // Check for vertical win
            for ($i = 0; $i < 3; $i++) {
                if ($board[0][$i] == $player && $board[1][$i] == $player && $board[2][$i] == $player) {
                    return true;
                }
            }

            // Check for diagonal win
            if ($board[0][0] == $player && $board[1][1] == $player && $board[2][2] == $player) {
                return true;
            }
            if ($board[0][2] == $player && $board[1][1] == $player && $board[2][0] == $player) {
                return true;
            }

            // No win found
            return false;
        }

        // Check if the game is a tie
        function checkTie($board) {
            for ($i = 0; $i < 3; $i++) {
                for ($j = 0; $j < 3; $j++) {
                    if ($board[$i][$j] == "") {
                        return false;
                    }
                }
            }
            return true;
        }

        // Start the game
        if ($_SERVER["REQUEST_METHOD"] == "POST") {
            // Get the player's move
            $row = $_POST["row"];
            $col = $_POST["col"];

            // Update the game board
            $board[$row][$col] = "X";

            // Check if the player won the game
            if (checkWin($board, "X")) {
                echo "<h1>You win!</h1>";
                exit();
            }

            // Check if the game is a tie
            if (checkTie($board)) {
                echo "<h1>Tie game!</h1>";
                exit();
            }

            // Computer's move
            do {
                $row = rand(0, 2);
                $col = rand(0, 2);
            } while ($board[$row][$col] != "");
            $board[$row][$col] = "O";

            // Check if the computer won the game
            if (checkWin($board, "O")) {
                echo "<h1>You lose!</h1>";
                exit();
            }

            // Check if the game is a tie
            if (checkTie($board)) {
                echo "<h1>Tie game!</h1>";
                exit();
            }
        }
    ?>

    <h1>Tic Tac Toe</h1>

    <table>
        <?php
            // Display the game board
            for ($i = 0; $i < 3; $i++) {
                echo "<tr>";
                for ($j = 0; $j < 3; $j++) {
                    echo "<td onclick=\"location.href='?row=$i&col=$j'\">";
                    echo $board[$i][$j];
                    echo "</td>";
                }
                echo "</tr>";
            }
        ?>
    </table>

</body>
</html>

Popularity 1/10 Helpfulness 1/10 Language html

Source: stackoverflow.com

Tags: html solid

Link to this answer
Share Copy Link

Contributed on Mar 28 2023

Bored Bird

0 Answers Avg Quality 2/10

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Tic Tac Toe</title> <style> table { border-collapse: collapse; } td { width: 80px; height: 80px; text-align: center; vertical-align: middle; border: 2px solid black; font-size: 40px; font-weight:

Contents

More Related Answers

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Tic Tac Toe</title> <style> table { border-collapse: collapse; } td { width: 80px; height: 80px; text-align: center; vertical-align: middle; border: 2px solid black; font-size: 40px; font-weight:

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.