91 lines
2.8 KiB
HTML
Executable File
91 lines
2.8 KiB
HTML
Executable File
<!DOCTYPE html>
|
|
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
<script src='./code.js'></script>
|
|
<script src='./var.js'></script>
|
|
<script src='./theme.js'></script>
|
|
|
|
<link rel="preconnect" href="https://fonts.gstatic.com">
|
|
<link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet">
|
|
|
|
<link rel="stylesheet" href="style.css">
|
|
|
|
<title>Tic Tac Toe</title>
|
|
</head>
|
|
<body onload="load();">
|
|
<table id='main' class='center'>
|
|
<tr>
|
|
<th>
|
|
<h1>Tic-Tac-Toe</h1>
|
|
</th>
|
|
</tr>
|
|
<tr>
|
|
<th>
|
|
<table id='board'>
|
|
<tr>
|
|
<th>
|
|
<button onmousedown="move('00');" id='id00'> </button>
|
|
</th>
|
|
<th>
|
|
<button onmousedown="move('01');" id='id01'> </button>
|
|
</th>
|
|
<th>
|
|
<button onmousedown="move('02');" id='id02'> </button>
|
|
</th>
|
|
</tr>
|
|
<tr>
|
|
<th>
|
|
<button onmousedown="move('10');" id='id10'> </button>
|
|
</th>
|
|
<th>
|
|
<button onmousedown="move('11');" id='id11'> </button>
|
|
</th>
|
|
<th>
|
|
<button onmousedown="move('12');" id='id12'> </button>
|
|
</th>
|
|
</tr>
|
|
<tr>
|
|
<th>
|
|
<button onmousedown="move('20');" id='id20'> </button>
|
|
</th>
|
|
<th>
|
|
<button onmousedown="move('21');" id='id21'> </button>
|
|
</th>
|
|
<th>
|
|
<button onmousedown="move('22');" id='id22'> </button>
|
|
</th>
|
|
</tr>
|
|
</table>
|
|
</th>
|
|
<th id='info'>
|
|
<h1 id='score'>0 | 0</h1>
|
|
|
|
<br>
|
|
|
|
<h3 id='go'>X's Go</h3>
|
|
|
|
<br>
|
|
|
|
<button onmousedown="reset();" id='reset'>Reset</button>
|
|
|
|
<br>
|
|
<br>
|
|
<br>
|
|
|
|
<select name="Theme" id="theme-sel"></select>
|
|
|
|
<br>
|
|
<br>
|
|
|
|
<button onmousedown="updateTheme();" id='theme-up'>Update</button>
|
|
</th>
|
|
</tr>
|
|
</table>
|
|
</body>
|
|
</html> |