<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) }