JS 01 – Best Javascript program to convert temperature

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

Temperature Converter - ITVoyagers

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
}

Connect with us on following platforms

Leave a Comment