JS HW2

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8"/>
  <title>JS HW2</title>
</head>
<body>
<script>
function temperatureConverter1(valNum1) {
  valNum1 = parseFloat(valNum1);
  document.getElementById("outputFahrenheit1").innerHTML=valNum1;
  document.getElementById("outputCelsius").innerHTML=(valNum1-32)*5/9;
}

function temperatureConverter2(valNum2) {
  valNum2 = parseFloat(valNum2);
  document.getElementById("outputCelsius1").innerHTML=valNum2;
  document.getElementById("outputFahrenheit").innerHTML=(valNum2*1.8)+32;
}

/*var fTemp1 = temperatureConverter1(this.value)
var cTemp1 = temperatureConverter2(this.value)*/

function insertTemp1(f) {
  z = parseFloat(f);
  document.getElementById("fTemp").innerHTML=z;
}

function insertTemp2(inputCelsius) {
  inputCelsius = parseFloat(inputCelsius);
  document.getElementById("cTemp").innerHTML=inputCelsius;
}
</script>


<h1>
  Temperature Converter
</h1>
<p>
  <label>Fahrenheit:</label>
  <input id="inputFahrenheit" type="number" placeholder="Fahrenheit"
  oninput="temperatureConverter1(this.value)"
  onchange="temperatureConverter1(this.value)">
</p>
  <p>
   <span id="outputFahrenheit1"></span>°F is <span id="outputCelsius"></span>°C</p>

<p>
  <label>Celsius:</label>
  <input id="inputCelsius" type="number" placeholder="Celsius"
  oninput="temperatureConverter2(this.value)"
  onchange="temperatureConverter2(this.value)">
</p>
  <p><span id="outputCelsius1"></span>°C is <span id="outputFahrenheit"></span>°F</p>
</body>
</html>