Lampotila

Muunna lämpötiloja

HTML

<h1>Lämpötilamuunnin</h1>

<div>
<input id="lampotila1" type="text"/><span class="yksikko">
<select id="y1">
  <option value="C">C</option>
  <option value="F">F</option>
  <option value="K">K</option>
</select>
</span>
</div>

<button id="muunna_button">
Muunna
</button>

<div>
<input id="lampotila2" type="text" disabled/>
<span class="yksikko">
<select id="y2">
  <option value="C">C</option>
  <option value="F" selected="selected">F</option>
  <option value="K">K</option>
</select>
</span>
</div>

JavaScript

document.getElementById("muunna_button").addEventListener("click",muunna);

function muunna() {
	
  //Arvo ylemmästä input laatikosta muuttujaan t1
  var t1 = Number(document.getElementById("lampotila1").value);
  
  //Yksiköt select laatikoista muuttujiin t1_unit ja t2_unit
  var t1_unit = document.getElementById("y1");
  t1_unit = t1_unit.options[t1_unit.selectedIndex].value;
  
  var t2_unit = document.getElementById("y2");
  t2_unit = t2_unit.options[t2_unit.selectedIndex].value;
  
  //Muunna muuttujan t1 lämpötila ensin celsius asteiksi
  if(t1_unit == "K") 
  	t1 = t1 -  273.15;
  else if(t1_unit == "F") 
  	t1 = (t1-32)/1.8;
  
  //Muunna t1 toiseen yksikköön ja laita tulos t2 muuttujaan.
  var t2 = 0;
  if(t2_unit == "K") 
  	t2 = t1 + 273.15;
  else if(t2_unit == "F") 
  	t2 = t1*1.8 + 32;
  else 
  	t2 = t1;
  
  //Laita arvo toiseen laatikkoon
  document.getElementById("lampotila2").value = t2;

}