JavaScript If...Else
Kõik JavaScript koodid sobituvad nendega suguluses olevate lausungitega. Lausung määrab selle mida script peab tegema.
Konditsionaalseid lausungeid kasutatakse kontrolli saavutamiseks scripti üle. S.t. et kõik sündmused toimuvad vastavalt situatsiooni vajadustele. Näiteks soovid, et sinu veebilehel oleks puhkepäevadel spetsiaalne pilt. Seega script sõltub otseselt sellest, mis päevaga on tegemist.
Näited
If lausung
If...else lausung
If..else if..else lausung
Juhuslik link :
Selles näites demonstreeritakse kuidas lingile klikkides, viib see kas minu kodulehele v. w3schools kodulehele.
JavaScript'is kasutatakse järgmisi konditsionaalseid lausungeid:
- if lausung
Kasutatakse juhul kui soovitakse, et kood käivitub ainult siis kui määratud tingimus on õige
- if..else lausung
Kasutatakse juhul kui soovitakse, et mõni kood käivitub ainult siis kui määratud tingimus on õige ja ülejäänud siis kui määratud tingimus on väär
- if..else if..else lausung
Kasutatkse juhul kui soovitakse käivitada üks mitmest koodide blokist
- switch lausung
Kasutatkse juhul kui soovitakse käivitada üks mitmest koodide blokist
If Lausung
Kasutatakse juhul kui soovitakse, et kood käivitub ainult siis kui määratud tingimus on õige.
Süntaks
if (tingimus)
{
kood käivitb kui tingimus on õige
}
Pane tähele: Kasuta ainult väikesi tähti! (if mitte IF).
Näide 1
<script type="text/javascript">
//Kirjutab "Tere hommikut" tervituse kui
//kell on vähem kui 10
var d=new Date();
var time=d.getHours();
if (time<10)
{
document.write("<b>Tere hommikut</b>");
}
</script>
Näide 2
<script type="text/javascript">
//Kirjutab "Lõuna!" kui kell on 12
var d=new Date();
var time=d.getHours();
if (time==12)
{
document.write("<b>Lõuna!</b>");
}
</script>
Pane tähele: Muutujate sobitamiseks, tuleb alati kasutada täpselt ühesuguseid märke, üksteise järel (==)!
Pane tähele: Selles süntaksis puudub "..else.." . Sellega öeldakse, et kood käivitub siis kui määratud tingimus on "true".
If...else Lausung
Kui soovitakse käivitada mõnda koodi tingimusel "õige" ja ülejäänuid kui tingimus on väär, siis kasutatakse "if...else" lausungit.
Süntaks
if (tingimus)
{
kood käivitub kui tingimus on õige
}
else
{
kood käivitub kui tingimus on väär
}
Näide
<script type="text/javascript">
//Kui kell on vähem kui 10,
//saad "Tere hommikut" tervituse.
//muul ajal aga "Tere päevast" tervituse.
var d = new Date();
var time = d.getHours();
if (time < 10)
{
document.write("Tere hommikut!");
}
else
{
document.write("Tere päevast!");
}
</script>
If...else if...else Lausung
If..else if..else lausungit kasutatakse siis kui soovitakse käivitada ainult ühte rida mitmest.
Süntaks
if (tingimus1)
{
kood käivitub, kui tingimus1 on õige
}
else if (tingimus2)
{
kood käivitub, kui tingimus2 on õige
}
else
{
kood käivitub, kui tingimus1 ja tingimus2 on väärad
}
Näide
<script type="text/javascript">
var d = new Date()
var time = d.getHours()
if (time<10)
{
document.write("<b>Tere hommikut</b>");
}
else if (time>10 && time<16)
{
document.write("<b>Tere päevast</b>");
}
else
{
document.write("<b>Tere jälle!</b>");
}
</script>
Kordame veel loogika tehteid:
Sõna JA kirjutatakse kahekordse ampersandi abil (&&).
if (hour==12 && minute==0)
{alert("on keskpäev")};
Sõna VÕI kirjutatakse kahekordse püstkriipsu abil (||).
Kasutatakse rohkem kui ühe määratud resultaadi õigsuse kontrollimiseks.
if (hour==11 || hour==10) {alert("on vähem
kui kaks tundi keskpäevani")};
Sõna EI kirjutatakse hüüumärgi abil (!). Selle abil saadakse ümberpööratu tulemus.
if (!(hour==11)) {alert("keskpäevani
on jäänud rohkem kui üks tund")};
Kahekordne võrdusmärk (==) kõrvutiseisvate muutujate juures, annab JavaScript'ile märku milliseid muutujaid võrrelda.
Väike reklaam
Sellel lehel tolgendab üks väike reklaam, "Osta Kohe". Võid sellist moodust kasutada kui soovid viidata millegile olulisele.
Pane tähele: selle reklaami JavaScript'i kood töötab IE's ja Mozilla's erinevalt.
Kuidas sellist reklaaminuppu teha?
Kõigepealt kopeeri allpool olev kood ja säilita nimega osta.js.
Järgmiseks loo stiilileht nimega osta.css
Stiil ise on selline:
#osta {background-color:#cdc; border:3px outset #ccc;
text-align:center; font-size:150%; z-Index:999;
visibility:hidden; position:absolute;
top:-200px; left:-200px; width:150px;}
Nüüd kirjuta mõlemad failid oma dokumendi "head" sektsiooni:
<script type="text/javascript" src="osta.js"></script> <link rel="stylesheet" href="osta.css" type="text/css">
Lõpuks kirjuta allpool olev kood oma dokumendi "body" sektsiooni:
<div id="osta">Osta Kohe</div>
Samuti saad koodi ühendada mingi lingiga, kasutades ankru <a> märgist.
