Tic Tac toe

by Patel1327

HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Tic-Tac-Toe</title>
    <script src="myJS.js"></script>
    <link rel="stylesheet" type="text/css" href="myCSS.css">
</head>
<body>
<div id="grid">
<div id="1" class="board clear"></div>
<div id="2" class="board"></div>
<div id="3" class="board"></div>

<div id="4" class="board clear"></div>
<div id="5" class="board"></div>
<div id="6" class="board"></div>

<div id="7" class="board clear"></div>
<div id="8" class="board"></div>
<div id="9" class="board"></div>

<div class="clear"></div>
</div>


</body>
</html>

CSS

#grid {
    border: 2px solid #333333;
    margin: auto;
    width: 162px;
    font-size: 24px;
    background-color: #EEEEEE;
}
.board {
    position: relative;
    float: left;
    width: 50px;
    height: 38px;
    border: 2px solid #333333;
    padding-top: 12px;
    font-weight: bold;
    cursor: pointer;
}

JavaScript

var humanX = true;
var computerO = true

function start(){

}