Skip to content
Snippets Groups Projects
Commit 81c0bb96 authored by Jonathan Vitale's avatar Jonathan Vitale
Browse files

Add game interface to index.html

parent 6d56dfcb
No related branches found
No related tags found
No related merge requests found
Show whitespace changes
Inline Side-by-side
Showing
with 78 additions and 5 deletions
index.html
+ 78
− 5
View file @ 81c0bb96
<!DOCTYPE html>
<html> <html>
<head> <head>
<script type="text/javascript" src="game-logic.js"></script> <script type="text/javascript" src="game-logic.js"></script>
<title>Blackjack</title>
</head> </head>
<body> <body style="background-color: green; color:white; font-family:Arial, Helvetica, sans-serif;">
This is blackjack <table border="1" width="50%" align="center">
<tr>
<td colspan="2">
<button id="button-run">Start a new game</button>
</td>
</tr>
<tr>
<td>Player's wallet</td>
<td id="player-wallet">&nbsp;</td>
</tr>
<tr>
<td>Current bet</td>
<td id="player-bet"><input id="player-bet-input" type="text" disabled /><button id="player-bet-button" disabled>Confirm your bet</button></td>
</tr>
<tr>
<td colspan="2">Player's cards:</td>
</tr>
<tr>
<td colspan="2">
<table id="player-cards" border="1" width="700px" height="110px">
<tr>
<td width="10%">&nbsp;</td>
<td width="10%">&nbsp;</td>
<td width="10%">&nbsp;</td>
<td width="10%">&nbsp;</td>
<td width="10%">&nbsp;</td>
<td width="10%">&nbsp;</td>
<td width="10%">&nbsp;</td>
<td width="10%">&nbsp;</td>
<td width="10%">&nbsp;</td>
<td width="10%">&nbsp;</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="130px">Player's score:</td>
<td id="player-score">&nbsp;</td>
</tr>
<tr>
<td id="console-log" colspan="2" height="50px" align="center">
&nbsp;
</td>
</tr>
<tr>
<td colspan="2" height="100px" align="center">
<button id="button-stay" style="width: 100px;" disabled >Stay</button>
<button id="button-hit" style="width: 100px;" disabled >Hit</button>
</td>
</tr>
<tr>
<td colspan="2">Dealer's cards:</td>
</tr>
<tr>
<td colspan="2">
<table id="dealer-cards" border="1" width="700px" height="110px">
<tr>
<td width="10%">&nbsp;</td>
<td width="10%">&nbsp;</td>
<td width="10%">&nbsp;</td>
<td width="10%">&nbsp;</td>
<td width="10%">&nbsp;</td>
<td width="10%">&nbsp;</td>
<td width="10%">&nbsp;</td>
<td width="10%">&nbsp;</td>
<td width="10%">&nbsp;</td>
<td width="10%">&nbsp;</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="130px">Dealer's score:</td>
<td id="dealer-score">&nbsp;</td>
</tr>
</table>
</body> </body>
</html> </html>
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment