<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>using html5</title>
<script language="JavaScript">
<!--
function CelsiusConverter(){
var k = document.converter.celsius.value * 1 + 273.15;
TemperatureConverter(k);
}
function FahrenheitConverter(){
var k = ((document.converter.fahrenheit.value - 32)*5/9)+273.15;
TemperatureConverter(k);
}
function KelvinConverter(){
var k = document.converter.kelvin.value;
TemperatureConverter(k);
}
function TemperatureConverter(t){
document.converter.celsius.value = t - 273.15;
document.converter.fahrenheit.value= ((t - 273.15)*9/5)+32;
document.converter.kelvin.value = t;
}
-->
</script>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<!-- If the "button" gets activated, the function
in one of "text" inputs that were changed
will take the effect.
If none has been changed, nothing will happen.
If one of "text" inputs has been changed,
and if one of others, which have not been changed,
gets changed,
the function in one has been changed
will take the effect.
-->
<form name="converter">
Celsius:
<input type="text" name="celsius" onChange="CelsiusConverter()"><br />
Fahrenheit:
<input type="text" name="fahrenheit" onChange="FahrenheitConverter()"><br />
Kelvin:
<input type="text" name="kelvin" onChange="KelvinConverter()"><br />
<input type="button" value="Convert!" />
</form>
</body>
</html>
No comments:
Post a Comment