Rendered Webpage

HTML Document

			<html>
	<head>
		<script>
			function calculateAverage()
			{	
				val1 = document.getElementById("value1").value;
				val2 = document.getElementById("value2").value;
				val3 = document.getElementById("value3").value;
				average = (parseFloat(val1) + parseFloat(val2) + parseFloat(val3))/3.0;
				alert("The average value is "+average);
			}
		</script>
	</head>

	<body>
		<h1> Test Webpage </h1>
		<input style="margin-right:50px;" id="value1" ></input>
		<input id="value2" ></input>
		<input id="value3" ></input>
		<button onclick="calculateAverage();">calculate average</button>
	</body>


</html>