Javascript ile basit bir dönüştürücü...
Html tag ı olan 'input' ile oluşturduğumuz textbox daki verileri 'script' etiketleri arasında tanımladığımız fonksiyon da kullanıyoruz.
Tabi ikinci text kutularına sonucu yazdırdığımız için onları readonly (sadece okunur) yapmamız gerekirdi.
Bu şekilde kullanıcının bilgi girişini engellemiş olduk. Bunuda ' disabled="true' kodu ile sağladık.
Aşağıda kodları bulabilirsiniz...
<html>
<head>
<title> Dönüştürücü </title>
<script type="text/javascript">
function hesapla()
{
var fah=document.form.fah.value;
if(fah=="")
alert("Fahrenayt değerini girin");
else
document.form.cel.value=(5/9)*(fah-32);
return false;
}
function hesapla2() {
var c=document.form.cel2.value;
if(c=="")
alert("Celcius değerlerini girin.");
else
document.form.fah2.value= (c * 1.8) + 32;
return false;
}
</script>
</head>
<body>
<center> <h3> Celcius - Fahrenheit Dönüştürücü </h3> </center>
<form action="#" name="form">
<table align="center" cellpadding="5">
<tr>
<td>Fahrenheit</td>
<td><input id="fah" name="fah" /></td>
</tr><tr>
<td>Celcius</td>
<td><input id="cel" name="cel" disabled="true" /></td>
</tr><tr>
<td colspan="2" align="right">
<input type="button" value="Hesapla" onclick="hesapla()">
<input type="reset" value="Temizle">
</td>
</tr>
<tr>
<td>Celcius</td>
<td><input id="cel2" name="cel2" /></td>
</tr><tr>
<td>Fahrenheit</td>
<td><input id="fah2" name="fah2" disabled="true" /></td>
</tr><tr>
<td colspan="2" align="right">
<input type="button" value="Hesapla" onclick="hesapla2()">
<input type="reset" value="Temizle">
</td>
</tr>
</table>
</form>
</body>
</html>
0 yorum:
Yorum Gönder