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() {

}