|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
|
<title>Title</title>
|
|
|
|
|
<link rel="stylesheet" href="style.css">
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<ul>
|
|
|
|
|
<li id = highScore>Highscore: 0</li>
|
|
|
|
|
<li id="turnTotal">Game-Turn: 0</li>
|
|
|
|
|
<li id="turnPlayer">Player-Turn: O</li>
|
|
|
|
|
<li id="scoreCounter">Score counter: 100</li>
|
|
|
|
|
<li id="scoreX">Score X: 0</li>
|
|
|
|
|
<li id="scoreO">Score O: 0</li>
|
|
|
|
|
<li><a href="index.html">Reset</a></li>
|
|
|
|
|
</ul>
|
|
|
|
|
<table id="gameTable" class="game">
|
|
|
|
|
<tr id="row0" class="game rows">
|
|
|
|
|
<td id="field0" class="game fields" onclick="selectField(this)"></td>
|
|
|
|
|
<td id="field1" class="game fields" onclick="selectField(this)"></td>
|
|
|
|
|
<td id="field2" class="game fields" onclick="selectField(this)"></td>
|
|
|
|
|
<td id="field3" class="game fields" onclick="selectField(this)"></td>
|
|
|
|
|
<td id="field4" class="game fields" onclick="selectField(this)"></td>
|
|
|
|
|
<td id="field5" class="game fields" onclick="selectField(this)"></td>
|
|
|
|
|
<td id="field6" class="game fields" onclick="selectField(this)"></td>
|
|
|
|
|
<td id="field7" class="game fields" onclick="selectField(this)"></td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr id="row1" class="game rows">
|
|
|
|
|
<td id="field8" class="game fields" onclick="selectField(this)"></td>
|
|
|
|
|
<td id="field9" class="game fields" onclick="selectField(this)"></td>
|
|
|
|
|
<td id="field10" class="game fields" onclick="selectField(this)"></td>
|
|
|
|
|
<td id="field11" class="game fields" onclick="selectField(this)"></td>
|
|
|
|
|
<td id="field12" class="game fields" onclick="selectField(this)"></td>
|
|
|
|
|
<td id="field13" class="game fields" onclick="selectField(this)"></td>
|
|
|
|
|
<td id="field14" class="game fields" onclick="selectField(this)"></td>
|
|
|
|
|
<td id="field15" class="game fields" onclick="selectField(this)"></td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr id="row2" class="game rows">
|
|
|
|
|
<td id="field16" class="game fields" onclick="selectField(this)"></td>
|
|
|
|
|
<td id="field17" class="game fields" onclick="selectField(this)"></td>
|
|
|
|
|
<td id="field18" class="game fields" onclick="selectField(this)"></td>
|
|
|
|
|
<td id="field19" class="game fields" onclick="selectField(this)"></td>
|
|
|
|
|
<td id="field20" class="game fields" onclick="selectField(this)"></td>
|
|
|
|
|
<td id="field21" class="game fields" onclick="selectField(this)"></td>
|
|
|
|
|
<td id="field22" class="game fields" onclick="selectField(this)"></td>
|
|
|
|
|
<td id="field23" class="game fields" onclick="selectField(this)"></td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr id="row3" class="game rows">
|
|
|
|
|
<td id="field24" class="game fields" onclick="selectField(this)"></td>
|
|
|
|
|
<td id="field25" class="game fields" onclick="selectField(this)"></td>
|
|
|
|
|
<td id="field26" class="game fields" onclick="selectField(this)"></td>
|
|
|
|
|
<td id="field27" class="game fields" onclick="selectField(this)"></td>
|
|
|
|
|
<td id="field28" class="game fields" onclick="selectField(this)"></td>
|
|
|
|
|
<td id="field29" class="game fields" onclick="selectField(this)"></td>
|
|
|
|
|
<td id="field30" class="game fields" onclick="selectField(this)"></td>
|
|
|
|
|
<td id="field31" class="game fields" onclick="selectField(this)"></td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr id="row4" class="game rows">
|
|
|
|
|
<td id="field32" class="game fields" onclick="selectField(this)"></td>
|
|
|
|
|
<td id="field33" class="game fields" onclick="selectField(this)"></td>
|
|
|
|
|
<td id="field34" class="game fields" onclick="selectField(this)"></td>
|
|
|
|
|
<td id="field35" class="game fields" onclick="selectField(this)"></td>
|
|
|
|
|
<td id="field36" class="game fields" onclick="selectField(this)"></td>
|
|
|
|
|
<td id="field37" class="game fields" onclick="selectField(this)"></td>
|
|
|
|
|
<td id="field38" class="game fields" onclick="selectField(this)"></td>
|
|
|
|
|
<td id="field39" class="game fields" onclick="selectField(this)"></td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr id="row5" class="game rows">
|
|
|
|
|
<td id="field40" class="game fields" onclick="selectField(this)"></td>
|
|
|
|
|
<td id="field41" class="game fields" onclick="selectField(this)"></td>
|
|
|
|
|
<td id="field42" class="game fields" onclick="selectField(this)"></td>
|
|
|
|
|
<td id="field43" class="game fields" onclick="selectField(this)"></td>
|
|
|
|
|
<td id="field44" class="game fields" onclick="selectField(this)"></td>
|
|
|
|
|
<td id="field45" class="game fields" onclick="selectField(this)"></td>
|
|
|
|
|
<td id="field46" class="game fields" onclick="selectField(this)"></td>
|
|
|
|
|
<td id="field47" class="game fields" onclick="selectField(this)"></td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr id="row6" class="game rows">
|
|
|
|
|
<td id="field48" class="game fields" onclick="selectField(this)"></td>
|
|
|
|
|
<td id="field49" class="game fields" onclick="selectField(this)"></td>
|
|
|
|
|
<td id="field50" class="game fields" onclick="selectField(this)"></td>
|
|
|
|
|
<td id="field51" class="game fields" onclick="selectField(this)"></td>
|
|
|
|
|
<td id="field52" class="game fields" onclick="selectField(this)"></td>
|
|
|
|
|
<td id="field53" class="game fields" onclick="selectField(this)"></td>
|
|
|
|
|
<td id="field54" class="game fields" onclick="selectField(this)"></td>
|
|
|
|
|
<td id="field55" class="game fields" onclick="selectField(this)"></td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr id="row7" class="game rows">
|
|
|
|
|
<td id="field56" class="game fields" onclick="selectField(this)"></td>
|
|
|
|
|
<td id="field57" class="game fields" onclick="selectField(this)"></td>
|
|
|
|
|
<td id="field58" class="game fields" onclick="selectField(this)"></td>
|
|
|
|
|
<td id="field59" class="game fields" onclick="selectField(this)"></td>
|
|
|
|
|
<td id="field60" class="game fields" onclick="selectField(this)"></td>
|
|
|
|
|
<td id="field61" class="game fields" onclick="selectField(this)"></td>
|
|
|
|
|
<td id="field62" class="game fields" onclick="selectField(this)"></td>
|
|
|
|
|
<td id="field63" class="game fields" onclick="selectField(this)"></td>
|
|
|
|
|
</tr>
|
|
|
|
|
</table>
|
|
|
|
|
<script src="code.js"></script>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
