Untitled

<!Doctype HTML>
<!-- Carlice -->

<html>
	<head>
		<style type="text/css">

			body {background-image:url('wallpaper.jpg');}

			h1{font-family:calibri;border-style:solid;border-width:5px;border-style:groove;background-color:black;color:darkviolet;}

			span {font-family:calibri;font-size:16 px;color:gold;border-style:outset;background-color:black; }

			span:active {border-style:inset; color:black; background-color:gold;}

			div#end {display:none;}
		</style>

		<script type="text/javascript">

		function changeFighting()

		{document.getElementById("fighting").style.backgroundColor='gold';

		document.getElementById("fighting").style.color='black';

		document.getElementById("fighting").style.borderStyle='inset';

		}
		</script>
</head>
		<body>
			<h1> Survey: Favorite Games </h1>

			<div>
				<span id = "fighting"> Fighting </span> </br> </br>
					<span id = "choice" onclick = "changeFighting();"> Marvel Vs. Capcom </span> &nbsp; &nbsp;
					<span id = "choice" > King of Fighters </span> &nbsp; &nbsp;
					<span id = "choice"> Street Fighter </span> &nbsp; &nbsp;
					<span id = "choice"> Darkstalkers </span> </br> </br>

				<span id = "fps"> First Person Shooter </span> </br> </br>
					<span id = "choice"> Call of Duty </span> &nbsp; &nbsp;
					<span id = "choice"> Halo </span> &nbsp; &nbsp;
					<span id = "choice"> Battlefield </span> &nbsp; &nbsp;
					<span id = "choice"> Metroid Prime </span> </br> </br>

				<span id = "AAS"> Adventure/Action Adventure </span> </br> </br>
					<span id = "choice"> Devil May Cry </span> &nbsp; &nbsp;
					<span id = "choice"> Resident Evil </span> &nbsp; &nbsp;
					<span id = "choice"> Splinter Cell </span> &nbsp; &nbsp;
					<span id = "choice"> Phoenix Wright: Ace Attorney </span> </br> </br>

				<span id = "ss"> Side Scrolling </span> </br> </br>
					<span id = "choice"> Mario </span> &nbsp; &nbsp;
					<span id = "choice"> Sonic </span> &nbsp; &nbsp;
					<span id = "choice"> Metroid </span> &nbsp; &nbsp;
					<span id = "choice"> Megaman </span> </br> </br>
			</div>
			<span id = "show"> Show results </span> </br> </br>

			<div id ="end">
				<span id = "results"> Results </span> &nbsp; &nbsp;
				<span id = "fightingresult"> Fighting: None </span> &nbsp; &nbsp;
				<span id = "fpsresult"> First Person Shooter: None </span> &nbsp; &nbsp;
				<span id = "ssresult"> Side Scrolling: None </span> &nbsp; &nbsp;
				<span id = "aaresult"> Adventure/Action Adventure: None </span>
			</div>

		</body>
</html>