cps353-2026-tictactoe-yu/tictactoe.html at main · gordon-cs/cps353-2026-tictactoe-yu · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
<!DOCTYPE html>
<html>
<head>
    <title>
        tic-tac-toe
    </title>
    <link rel="stylesheet" href="style.css">
</head>

<body>
    <h1 class="h1">Tic-Tac-Toe</h1>
    <div class="all">
    <div class="card">
      <p>Tic-Tac-Toe is a classic two-player game where players take turns placing
        <strong>X</strong> and <strong>O</strong> on a 3×3 grid.
       The goal is to be the first to get three marks in a row—horizontally,
       vertically, or diagonally.
       <a href="https://en.wikipedia.org/wiki/Tic-tac-toe" target="_blank" tabindex="-1">
       Learn the rules
        </a>
      </p>
    </div>


    <table>
        <colgroup>
              <col class="col2">
              <col class="col2">
              <col class="col2">
            </colgroup>
        <tr>
            <th class="x a" tabindex="0"></th>
            <th class="x b" tabindex="-1"></th>
            <th class="x c" tabindex="-1"></th>
        </tr>
        <tr>
            <th class="x d" tabindex="-1"></th>
            <th class="x e" tabindex="-1"></th>
            <th class="x f" tabindex="-1"></th>
        </tr>
        <tr>
            <th class="x g" tabindex="-1"></th>
            <th class="x h" tabindex="-1"></th>
            <th class="x i" tabindex="-1"></th>
        </tr>
    </table>

    <div class="turn">
        <p>Player X start</p>
    </div>
    </div>
    <button class="reset" tabindex="0">Again!</button>
 <script src="app.js"></script>
</body>
</html>