Untitled

<?xml version = "1.0" encoding = "utf-8"?>
<!DocTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   "http://www.w3.org/TR/xhtml1/DTD/chtml1-strict.dtd">

<html xmlns = "http://www.w3.org/1999/xhtml">

<head>

<title> Calculating Sum, Product, and Minimum</title>

<script type = "text/javascript">

<!--
	
	document.writeln( "Enter 3 integers to calculate the Sum, Product, and Minimum of the 3." );

	function displayintegers()
	{
		var inputField1 = document.getElementById( "integer1" );  // inputs the first number
		var inputField2 = document.getElementById( "integer2" );	// inputs the second number
		var inputField3 = document.getElementById( "integer3" );	// inputs the third number
		
		var Number1 = parseInt ( inputField1.value ); // makes the value an integer
		var Number2 = parseInt ( inputField2.value ); // makes the value an integer
		var Number3 = parseInt ( inputField3.value ); // makes the value an integer

		var answer1 = document.getElementById( "sum" ); 
		answer1.value = Sumofthree ( Number1, Number2, Number3 ) // displays the fuction calculations and moves it to the labels
		var answer2 = document.getElementById( "product" );
		answer2.value = Productofthree ( Number1, Number2, Number3 ) // displays the fuction calculations and moves it to the labels
		var answer3 = document.getElementById( "minimum" );
		answer3.value = Minimumofthree ( Number1, Number2, Number3 ) // displays the fuction calculations and moves it to the labels
	}
	

	function Sumofthree ( Number1, Number2, Number3 ) // calculate the sum of the 3 integers entered
	{
	return Number1 + Number2 + Number3;
	}

	function Productofthree ( Number1, Number2, Number3 ) // calculate the product of the 3 integers entered
	{
	return Number1 * Number2 * Number3;
	}

	function Minimumofthree ( Number1, Number2, Number3 ) // calculate the minimum of the 3 integers entered
	{
	return Math.min( Number1, Number2, Number3);
	}
	
	
// -->

	</script>
</head>
<body>

	<form action = "">
			<div>
			<label>Enter first number:
			<input id =  "integer1" type = "text" /></label>  <!-- box to input first integer -->
			<br />
			<label>Enter second number:
			<input id =  "integer2" type = "text" /></label>  <!-- box to input second integer -->
			<br />
			<label>Enter third number:
			<input id =  "integer3" type = "text" /></label>  <!-- box to input third integer -->
			<br />
				
			<label>Sum:
			<input id =  "sum" type = "text" /></label> <!-- displays the sum to -->
			<br />
			<label>Product:
			<input id =  "product" type = "text" /></label>  <!-- displays the product to -->
			<br />
			<label>Minimum:
			<input id =  "minimum" type = "text" /></label>  <!-- displays the minimum to -->
			<br />
			

	<input type = "button" value = "Calculate"   
		onclick = "displayintegers()" />
	<br />
	<input type = "reset" value = "Clear"  
		

</body>
</html>