<!DOCTYPE html>
<html>
<head>
<title id="pageTitle"></title>
<meta name="author" content="David Johnston">
<style>
body
{
margin: 40px;
text-align: center;
background-color: white;
}
div
{
color: black;
background-color: POWDERBLUE;
font-size: 14px;
font-weight: normal;
font-family: Verdana,Geneva,sans-serif;
text-align: center;
width: 500px;
margin: 0px auto 0px auto;
padding: 10px 20px 10px 20px;
}
button, input, select, textarea
{
font: inherit;
margin: 0;
}
</style>
</head>
<body>
<div id="headingArea" style="font-size: 20px; font-weight: bold;
padding: 40px 20px 20px 20px;"></div>
<div id="scoreArea" style="font-weight: bold;"></div>
<div id="instructionArea"></div>
<div id="playArea">
<input id="guessField" type="text" value="0">
<button id="guessButton" type="button">Guess</button>
</div>
<div id="commentArea"></div>
<div id="buttonArea" style="padding: 10px 20px 20px 20px;">
<button id="resetButton" type="button">Reset Game</button>
</div>
<script src="guessing.js"></script>
</body>
</html>
