gameScreen.htm

<div class="panel panel-default centered board">
	<table class="table">
		<tr>
			<td id="0" onclick="markCell(id)"></td>
			<td id="1" onclick="markCell(id)"></td>
			<td id="2" onclick="markCell(id)"></td>
		</tr>
		<tr>
			<td id="3" onclick="markCell(id)"></td>
			<td id="4" onclick="markCell(id)"></td>
			<td id="5" onclick="markCell(id)"></td>
		</tr>
		<tr>
			<td id="6" onclick="markCell(id)"></td>
			<td id="7" onclick="markCell(id)"></td>
			<td id="8" onclick="markCell(id)"></td>
		</tr>
	</table>
</div><br>
<h3 class="centered">Player 1: {{namePlayer1}} vs Player2: {{namePlayer2}}</h3>
<div id="wintext" class="centered"></div>
<div class="centered">
	<button onclick="newGame()" style="height: 50px; font-size: 17px;">New Game</button>
	<button ng-click="_exit()" style="height: 50px; font-size: 17px;">New Names</button>
</div>