Table of Contents
Best Javascript program to convert temperature
It best and simple Javascript program to convert temperature. In this program we can convert temperature in three units i.e. Celsius, Fahrenheit and Kelvin.
Output
Write a Javascript program to convert temperature
HTML code
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Temperature Converter - ITVoyagers</title> </head> <body> <input type="text" name="val" id="inputvalue"> <select id="dropdown" class="custom-select"> <option>Celsius</option> <option>Fahrenheit</option> <option>Kelvin</option> </select> <button id="convert_button" onclick="temperatureConversion()">Convert</button> <br> <div id="outputdiv"> </div> <script type="text/javascript" src="temperature_converter.js"></script> <!-- itvoyagers.in --> </body> </html>
Javascript code (temperature_converter.js)
var inputvalue = document.getElementById("inputvalue"); var dropdown = document.getElementById("dropdown"); var outputdiv = document.getElementById("outputdiv"); var result = {}; //itvoyagers.in function temperatureConversion() { t_val = parseFloat(inputvalue.value); switch(dropdown.selectedIndex) { case 0: //Celsius result["Celsius"] = t_val; break; case 1: //Fahrenheit result["Celsius"] = (t_val - 32) * 5/9; break; case 2: //Kelvin result["Celsius"] = t_val - 273.15; break; default: break; } /*Fahrenheit*/ result["Fahrenheit"] = (result["Celsius"] * (9/5)) + 32; /*Kelvin*/ result["Kelvin"] = result["Celsius"] + 273.15; printResult(); } function printResult() { outputdiv.innerHTML = ""; for (const property in result) { var opt = document.createElement('div'); opt.value = property; opt.innerHTML = property + " = " + result[property]; //opt.setAttribute("onclick", "unitSelect('"+property+"')"); outputdiv.appendChild(opt); } //itvoyagers.in Object.keys(result).forEach(function(key) { delete result[key]; }); // Empty the object once the resulted is printed }