Bu yapacağımız yöntem ile IfDetay.js dosyasında çeşitli if koşullarımız olacak,buna istinaden Default.html dosyamızda oluşturacağımız radio form ile kullanıcının seçtiği değerleri IFDetay.js dosyasında koşullandırıcaz.
<!–Öncelikle IfDetay.js dosyamızdaki kodlarımızı oluşturalım.
function goster(veri){
var index,takim;
index=veri.selectedIndex;
takim=veri.options[index].text;
if (takim==”Galatasaray”){
document.takimForm.aciklama.value=takim + ” Şampiyon!”;
}
if (takim==”Beşiktaş”){
document.takimForm.aciklama.value=takim + ” Eziktaş”;
}
if (takim==”Fenerbahçe”){
document.takimForm.aciklama.value=takim + ” Ezikbahçe”;
}
}
Burada bitti –>
Java Script kısmını bitirdiğimize göre şimdi html dosyamıza dönelim.
<html>
<head>
<title>If yapıları</title>
<script src=”IfDetay.js” language=”javascript”></script>
</head>
<body>
window.status=”ilhanbahar.com”;
<form name=”takimForm”>
<p> Bir takım seçiniz</p>
<selected name=”takimListesi” onChange=”goster(this)”>
<option SELECTED>Takım seçiniz</option>
<option>Galatasaray</option>
<option>Beşiktaş </option>
<option>Fenerbahçe</option>
</select><br>
<input name=”aciklama” size=”35″>
</form>
</body>
</html>
Böylelikle onChanged yani değiştiğinde bizim IfDetay.js içersine bulunan goster fonksiyonuna gidiyor.Buradan uygun koşula dallanarak sonuç veriyor.Java script kodları istemci tarafından çalıştığı için sunuyu yormuyor.