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
Branches
Tags tutorial-7-material
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>
<head>
<script type="text/javascript" src="game-logic.js"></script>
<title>Blackjack</title>
</head>
<body>
This is blackjack
<body style="background-color: green; color:white; font-family:Arial, Helvetica, sans-serif;">
<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>
</html>
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment