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="t1" class="board "></div>
<div id="t2" class="board"></div>
<div id="t3" class="board"></div>

<div id="a1" class="board "></div>
<div id="a2" class="board"></div>
<div id="a3" class="board"></div>

<div id="c1" class="board "></div>
<div id="c2" class="board"></div>
<div id="c3" 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 human = 'x'; //it menas human has turn = o
var computer = 'o';// it menas computer has turn = 1
var turn = 0;
var compmov;
var s1 = 0;
var s2 = 0;
var s3 = 0;
var s4 = 0;
var s5 = 0;
var s6 = 0;
var s7 = 0;
var s8 = 0;
var s9 = 0;
var checkwins;
var xwin = false;
var ywin = false;

function start(){
document.getElementById ("demo").innerHTML = X ;
if (turn == 0) {
}
}

function board() 
    if ((t1 == t2 && t1 == t3 && (t1 == "x")) ||//frist row
    (a1 == a2 &&  a1 == a3 && (a1 == 'x'))||// second row
    (c1 ==c2 && c1 == c3 && (c1 == 'x'))||//third row
    (t1 == a1 && t1 == c1 && (t1 == "x")) || //first column
    (t2 == a2 && t2 == c2 && (t2 == 'x')) || //second column
    (t3 == a3 && t3 == c3 && ( t3 == 'x'))|| // third column
     (t1 == a2 && t1 == c3 && (t1 == "x")) || //cross 1
     (t3 == a2 && t3 == c1 && ( t3 =='x')) //cross 2
     )  }