<!-- assign2.html document -->


<header class="head"> <!-- header start -->
	<div > <!-- div start -->
		<h1>Welcome to Rock Paper Scissors!</h1>
	</div> <!-- div end -->
</header> <!-- end header-->
	<div class="bkg"> <!-- div start (decorating the background/spacing) -->
		<section class="scoreboardDec"> <!-- section start -->
      <!-- assign2.html document -->
      <!-- radio buttons -->
					<input type="radio" name="player" value = "play('rock')"> Rock</input>
					<input type="radio" name="player" value = "play('paper')">Paper</input>
					<input type="radio" name="player" value = "play('scissors')">Scissors</input>
<!-- end radio buttons -->
<!-- start button -->
	<button class="play" type="button" name = "Computer" onclick="play()"> Play!</button>
<!-- end button -->
  <!-- div start -->
<div style="clear:both;"></div>
					<p><span name="player"></span> <span name="Computer"></span></p>
					<h2 id="results"> Results:</h2> <!-- displays results here -->
				</section> <!-- end section -->
				<!-- Scoreboard setup -->
          <aside class="aside"> <!-- makes scoreboard off to the side -->
					<div class="scorebox">
						<h2>Score</h2>
						<div class="scorenumber"><span id="wins">0</span> <br />Wins</div>
						<div class="scorehyphen"><span>-</span></div>
						<div class="scorenumber"><span id="loses">0</span> <br />Loses</div>
            <div class="numberPlay"><span id="playNumber">Total Plays:</span><br />0</div>
					</div>
            <!-- end scoreboard setup-->
            <!-- reset button -->
					<button type="reset" id="reset" onclick="reset()">Reset game?</button>
				</aside>
			</div>
		</div>
</html>