Untitled

<!DOCTYPE html>

<html>
	<head>
		<meta charset="utf-8">
		<title>Fahrenheit to Celcius Temperature Converter</title>
	</head>
	<script type="text/javascript">
		function temperatureConverter(valNum)
		{
			valNum = parseFloat(valNum);
			document.getElementById("outputCelcius").innerHTML=(valNum-32)/1.8;
		}

		function temperatureConverter(valNum)
		{
			valNum = parseFloat(valNum);
			document.getElementById("outputFahrenheit").innerHTML=(valNum*1.8)+32;
		}
	</script>
	<body>

		<h1>Temperature Converter</h1>
		<p>Type a value in the Fahrenheit field to convert the value to Celcius:</p>

		<p>
			<label>Fahrenheit</label>
			<input id="temp" type="number" placeholder="Fahrenheit" oninput="temperatureConverter(this.value)" onchange="temperatureConverter(this.value)">
		</p>
			<p>Celcius: <span id="outputCelcius"></span></p>
		<p>Type a value in the Celsius field to convert the value to Fahrenheit:</p>

		<p>
			<label>Celsius</label>
			<input id="inputCelsius" type="number" placeholder="Celsius" oninput="temperatureConverter(this.value)" onchange="temperatureConverter(this.value)">
		</p>
		<p>Fahrenheit: <span id="outputFahrenheit"></span></p>

		<input type="button" id=ctof value="Convert to Fahrenheit"> <input type="button"  id=ctof2 value="Convert to Celsius">

	</body>
</html>