Untitled

<!doctype html>

<html>
<head>
<meta charset="UTF-8">
<title>DynsmicW1</title>
<link rel="stylesheet" type="text/css" href="STYLE/style.css" />

<div id="global divide">

<script language="javascript" type="text/javascript">


function UserName(names)
{
	alert( names );
}

function Difficulty_select(level)
{

	switch (level)
	{
    	case "e":
        	document.body.style.backgroundColor="#0000FF";
        break;
    	case "m":
        	document.body.style.backgroundColor="#FFDD66";
        break;
    	case "h":
        	document.body.style.backgroundColor="#660000";
        break;
	}
}

</script>
</head>

<body>
<div height=400 width=600>
<h1>WHatTheWeEk1</h1>


<div id= "BG">
<img src="images/bground.jpg" alt="BG" height=400 width=600/>
</div>
<div id= "pagecontent">
<form id="myForm" action="#">

<p>

UserName:

<input type="text" name="UserID" id="UserID" value="" size="10" maxlength="9" onBlur="UserName(this.value)" />
<!--Using this form, add a javascript function, triggered when the user adds their first name, that alerts a hello, giving their name.-->

</p>

<p>
Circle Colour:

<select name="Circle_colour" onChange = "PlayerImage(this.value)" >

 <option value="Red"> Red </option>
 <option value="Green"> Green </option>
 <option value="Blue"> Blue </option>
 <option value="Black"> Black </option>
 <option value="Yellow"> Yellow </option>

</select>
</p>
<p>
Difficulty Level<br>
<i>
<input name="difficulty" type="radio" value="e" onChange="Difficulty_select(this.value)"/> easy<br>
<input name="difficulty" type="radio" value="m" onChange="Difficulty_select(this.value)"/> medium<br>
<input name="difficulty" type="radio" value="h" onChange="Difficulty_select(this.value)"/> hard
</i>
</p>
</form>
<div id= "instructions">
<b> Instructions:</b>
<p> Use the "w", "s", "a" and "d" keys to move the circle. Catch the Square in the quickest time to get your name on the leader board!

</div>

 </div>
</div>

</body>
</div>
</html>