14
Chapter 1
Reviewing the Boards ‘R’ Us HTML
First things rst... Katie already has a web page, so let’s take a look at it. Then
you can begin to add in all the JavaScript code we’ve been talking about.
Here’s what Katie’s page looks like so far:
<html>
<head>
<title>Boards ‘R’ Us</title>
<link rel=”stylesheet” type=”text/css” href=”boards.css” />
</head>
<body>
<h1>Boards ‘R’ Us Sales Report</h1>
<div id=”boards”>
<table>
<tr><th>Snowboards Sold</th>
<td><span id=”boards-sold”>1012</span></td></tr>
<tr><th>What I Sell ‘em For</th>
<td>$<span id=”price”>249.95</span></td></tr>
<tr><th>What it Costs Me</th>
<td>$<span id=”cost”>84.22</span></td></tr>
</table>
<h2>Cash for the Slopes:
$<span id=”cash”>167718.76</span></h2>
<form method=”GET” action=”getUpdatedBoardSales.php”>
<input value=”Show Me the Money” type=”submit” />
</form>
</div>
</body>
</html>
Katie’s read “Head First
HTML with CSS & XHTML”,
so she’s all over this stuff...
Katie’s using an
external CSS
stylesheet.
You’ll need <script> tags here...
Here’s the total
sales gure
you’ll need to
update...
...and then you can
gure out a new
net prot, too.
Here’s that button Katie pushes
for updated totals. Right now,
it submits the form, but you’re
going to change that soon.
boards ‘r’ us html
DETOUR