JSFiddle - React, Tailwind, and code Playground

by 18_102_elias

HTML

<input type='text' id='input_C' size='4' value='10'> °C

<input type='text' id='input_F' size='4' value='20'> °F

<input type='text' id='input_K' size='4' value='30'> K

JavaScript

function CvF(c){
	return Number(c)*1.8+32;
}
function FvK(f){
	return (Number(f)-32)*5/9 + 273,15;
}
function KvC(k){
	return Number(k)-273.15;
}

function init(){
  console.log("ok");
  inputC = document.getElementById("input_C");
  inputF = document.getElementById("input_F");
  inputK = document.getElementById("input_K");
  
  inputC.addEventListener("change",function(){

      var tC = inputC.value;
      var tF = CvF(tC);
      inputF.value =tF;

  
  });
  inputF.addEventListener("change",function(){
  
  		var tF = inputF.value;
      var tK = FvK(tF);
      inputK.value =tK;
  
  });
  inputK.addEventListener("change",function(){
  
  		var tK = inputK.value;
      var tc = KvC(tK);
      inputC.value =tC; 
 
  });  

}
window.onload = init();