JavaScript-Projects/TicTacToe.html at main · somniexpress/JavaScript-Projects · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Tictactoe</title>
    </head>

    <body id ='body'>
        <!--this container is needed to overlay our canvas over our table.-->
        <div class = 'center container'>
            <!--Note canvas width and length must be within the element-->
            <canvas id= 'win-lines' width='608'  height='60'></canvas>
            <table>
                <tr>
                <td id='0' onclick='placexoro('0')'></td>
                <td id='1' onclick='placexoro('1')'></td>
                <td id='2' onclick='placexoro('2')'></td>

            </tr>

           <tr>
                <td id='3' onclick='placexoro('3')'></td>
                <td id='4' onclick='placexoro('4')'></td>
                <td id='5' onclick='placexoro('5')'></td>

            </tr>

            <tr>
                <td id='6' onclick='placexoro('6')'></td>
                <td id='7' onclick='placexoro('7')'></td>
                <td id='8' onclick='placexoro('8')'></td>

            </tr>
            </table>
            </div>
            <script src='js.tictactoe.js'></script>
        </body>
    </html>