Tic Tac toe
by Patel1327
HTML
<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>
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 checkwins;
var xwin = false;
var ywin = false;
function start() {
document.getElementById ("demo").innerHTML = X ;
if (human == 'x') {
var
}
}