<body> <div id="atvalto"> <form name="calc"> <table class="tabla"> <tr> <td> Jelölje ki, miről mire történjen az átváltás<br /> <br /> Fahrenről - Celsiusra <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 /> Celsiusról - Fahrenre <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> </table> <table class="tabla"> <tr> <td> <br /> Írja be, az átváltandó értéket. <br /><br /> Fahren fok: <input type="text" name="Fahr"> <br /><br /> Celsius fok: <input type="text" name="Cel"> <br /><br /> Átalakított: <input type="text" name="Total" size=5> Fok <br /><br /> <center> <input type="button" value=" - Átváltás - " onclick="CalculateCelToFahr()" > </center> </td></tr></table> </div> </body>
Megjegyzés:
Ha a button, azaz átváltó gombra, stilus meghatározást akarunk írni, megtehetjük a kezdő címkében.
Példa:
<input type="button" value=" - Convert - " onclick="CalculateCelToFahr()" style="background-color:#6699FF;color:#6633CC;border-style:inset;font-size:10pt;">
Ha a button, azaz átváltó gombot, középre akarjuk helyezni, akkor alkalmazzuk a <center> címkéket
Példa:
<center>
<input type="button" value=" - Convert - " onclick="CalculateCelToFahr()" >
</center>
#atvalto {width: 700px; margin-left: 50px; background-color: yellow;}
#atvalto {padding-top: 20px; padding-bottom: 20px;}
.tabla {width: 350px; margin-left: 150px; border: 2px solid #6633FF;}
.tabla {cellpadding: 5px; cellspacing: 0px; background-color: #6699FF;}
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)
}