html
html
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
<html>
<head>
<title>Tic Tac Toe</title>
</head>
<body>
<div id="Res" align="center">Congratulations!<br/>You Won!</div>
<div id="Score" align="center">WON- 0 : 0 -LOST</div>
<input class="L1" id="a" type="Button" value=" " onclick="ClickOnButton('L1',0)"/>
<input class="L1" id="b" type="Button" value=" " onclick="ClickOnButton('L1',1)"/>
<input class="L1" id="c" type="Button" value=" " onclick="ClickOnButton('L1',2)"/>
<br/>
<input class="L2" id="d" type="Button" value=" " onclick="ClickOnButton('L2',0)" />
<input class="L2" id="e" type="Button" value=" " onclick="ClickOnButton('L2',1)"/>
<input class="L2" id="f" type="Button" value=" " onclick="ClickOnButton('L2',2)"/>
<br/>
<input class="L3" id="g" type="Button" value=" " onclick="ClickOnButton('L3',0)" />
<input class="L3" id="h" type="Button" value=" " onclick="ClickOnButton('L3',1)"/>
<input class="L3" id="i" type="Button" value=" " onclick="ClickOnButton('L3',2)"/>
</body>
</html>
Enter to Rename, Shift+Enter to Preview
css
css
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
body{
background-color: #1D1D1D;
}
.L1,.L2,.L3
{
background-color: #1D1D1D;
border:none;
height:50px;
width: 70px;
font-size: 40;
text-align: center;
color: white;
font-family:Forte,Stencil Std,Calibri;
position: relative;
top:20%;
left:15%;
}
.L1:focus,.L2:focus,.L3:focus
{
outline: none;
}
Enter to Rename, Shift+Enter to Preview
js
js
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
var Won=0,Lost=0;
var GameOver=false;
var U=document.getElementsByClassName("L1");
var M=document.getElementsByClassName("L2");
var L=document.getElementsByClassName("L3");
var ReachedPos=-10;
var Reached=false;
var ReachedEver=false;
var n=0;
function ClickOnButton(ClassName,Index)
{
var Button=document.getElementsByClassName(ClassName);
if(Button[Index].value==" " &&!GameOver)
{
Button[Index].value="O";
Result();
if(GameOver==false)
{
ComputerPlays();
}
}
}
function ComputerPlays()
{
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Laufen