ACJavascripts.com - Free Javascripts Tutorials Templates and more!

Home - Free Javascripts - Tutorials - Tools - Templates - Forums

Home -> Calculators -> Celsius/Fahrenheit Convertor

Script Name: Celsius/Fahrenheit Convertor
Author: ACJavascripts.com
Description: Convert Celsius to Fahrenheit or Fahrenheit to Celsius.

Email This script to your friends!

Example:

Please check one box for the correct conversion.

Fahrenhiet To Celsius
Celsius To Fahrenhiet

Fahrenhiet:
Celsius:
Conversion: Degrees

The AC CODE

var nine=9
var five=5
var forty=40
var t,t2,t3,t4

function CalculateCelToFahr(){

var Fahrenheit=parseInt(document.calc.Fahr.value)
var Celsius=parseInt(document.calc.Cel.value)

if(document.calc.CelToFahr.checked){

t=Celsius+40
t2=t*9
t3=t2/5
t4=t3-40

}else if(document.calc.FahrToCel.checked){
t=Fahrenheit+40
t2=t*5
t3=t2/9
t4=t3-40

}else{
alert("Specify a conversion method please")
t4=0
}
document.calc.Total.value=parseInt(t4)
}

</script>
</head>
<body>

<form name="calc">
<table border=1 borderColor="#6633FF" bgColor="#6699FF" cellpadding="5" cellspacing="0" width="350">
<tr>
<td>
Please check one box for the correct conversion.<BR>
<BR>

Fahrenhiet To Celsius         <input type="checkbox" name="FahrToCel" onclick="document.calc.CelToFahr.checked=false;document.calc.Cel.disabled=true;document.calc.Fahr.disabled=false;document.calc.Fahr.value='0'"><BR>
Celsius To Fahrenhiet         <input type="checkbox" name="CelToFahr" onclick="document.calc.FahrToCel.checked=false;document.calc.Fahr.disabled=true;document.calc.Cel.disabled=false;document.calc.Cel.value='0'">
</td></tr></table>
<table border=1 borderColor="#6633FF" bgColor="#6699FF" cellpadding="5" cellspacing="0" width="350">
<tr>
<td>
Fahrenhiet:         <input type="text" name="Fahr">
<BR>
Celsius:              <input type="text" name="Cel">
<BR>
Conversion:        <input type="text" name="Total" size=5> Degrees
<BR><BR><center>
<input type="button" value=" - Convert - " onclick="CalculateCelToFahr()" style="background-color:#6699FF;color:#6633CC;border-style:inset;font-size:10pt;">
</center>
</td></tr></table>