thaw-reversi-web-app
Version:
A playable Express.js Reversi (Othello) Web application.
64 lines (48 loc) • 2.44 kB
HTML
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="author" content="Tom Weatherhead" />
<meta name="description" content="Reversi" />
<title>Reversi</title>
<meta charset="utf-8" />
<link rel="icon" type="image/vnd.microsoft.icon" href="images/favicon.ico" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
</head>
<body class="standardBody">
<div id="topContent">Reversi</div>
<div id="mainContent" class="box centreText">
<table id="board" class="centreUsingMargins tightBox">
<!-- We will use jQuery to populate this table when the document is ready. -->
</table>
<p id="turnMessage"></p>
<input type="button" name="btnNewGame" id="btnNewGame" value="New Game" onclick="newGame()" />
</div>
<div id="leftContentOuter">
<div id="leftContent">
<p class="playerTitleText">White</p>
<p>Number of pieces: <span id="numberOfWhitePiecesID"></span></p>
<p><input type="checkbox" id="cbAutomateWhite" onchange="cbAutomateWhite_onChange()" /> Automate</p>
<p>Lookahead depth:
<select id="ddlLookaheadWhite" onchange="ddlLookaheadWhite_onChange()">
<!-- We will use jQuery to populate this drop-down list when the document is ready. -->
</select>
</p>
</div>
</div>
<div id="rightContentOuter">
<div id="rightContent">
<p class="playerTitleText">Black</p>
<p>Number of pieces: <span id="numberOfBlackPiecesID"></span></p>
<p><input type="checkbox" id="cbAutomateBlack" onchange="cbAutomateBlack_onChange()" /> Automate</p>
<p>Lookahead depth:
<select id="ddlLookaheadBlack" onchange="ddlLookaheadBlack_onChange()">
<!-- We will use jQuery to populate this drop-down list when the document is ready. -->
</select>
</p>
</div>
</div>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="script.js"></script>
</body>
</html>