Visszalép

Celsius és Fahrenfok, átváltó

Jelölje ki, miről mire történjen az átváltás

Fahrenről - Celsiusra
Celsiusról - Fahrenre

Írja be, az átváltandó értéket.

Fahren fok:

Celsius fok:

Átalakított: Fok

Program megírása, XHTML-oldalon:

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

Program megírása, CSS, azaz stíluslapon:

#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;}

Program megírása, javascript (js) fájlban:

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