Instrukcja if
Instrukcje będą wykonywane, jeżeli warunek jest prawdziwy. Składnia jest następująca:
if (warunek) {
kod wykonywany jeżeli warunek spełniony
}
Przykład
wiek=prompt("W jakim jesteś wieku?")
if (wiek>18) {
document.write("Jesteś pełnoletni, więc możesz wejść dalej.")
document.write("<br><a href=\"adult.html\">Wejście dla dorosłych</a>")
}
Konstrukcja if else
Konstrukcja podobna do poprzedniej - dodajemy jednynie kod, który zostanie wykonany, jeżeli warunek nie zostanie spełniony.
if (warunek) {
kod wykonywany jeżeli warunek spełniony
}
else {
kod wykonywany jeżeli warunek nie spełniony
}
Przykład
odpowiedz=prompt("W którym roku narodził się JavaScript?")
if (odpowiedz=="1995") {
document.write("Brawo! Masz dobrą pamięć!")
}
else {
alert("Źle!!!")
document.write("Nie zapamiętałeś dokładnie pierwszego spotkania? ;)")
}
Instrukcja warunkowa
Operator ten pozwala czasami oszczędzić miejsce, gdyż doskonale zastępuje prostą konstrukcję if-else w której mamy w zależności od warunku pojedynczą reakcję:
zmienna=(warunek)?wartoscTRUE:wartoscFALSE
Działa to w ten sposób, że jeżeli warunek jest spełniony, to do zmiennej przypisywana jest wartoscTRUE, w przeciwnym wypadku wartoscFALSE
liczba=prompt("podaj jakąś liczbę:")
jaka=(liczba%2==0)?"parzysta":"nieparzysta"
document.write("podana liczba jest "+ jaka)
Pętla while
Kod w pętli while jest wykonywany przez cały czas, gdy warunek jest spełniony:
while (warunek) {
kod pętli
}
}
Pętla while wykonuje określony blok instrukcji określoną ilość razy lub dopóki warunek jest spełniony. Składnia polecenia jest następująca:
while (zmienna <= wartość) {
kod do wykonania
}
Uwaga: Różnica pomiędzy pętlą for i while, jest taka, że w pętli for warunki są znane wcześniej i są wykonywane określoną ilość razy. Pętla while jest stosowana, gdy warunki początkowe są znane i wykonywane dopóki warunek jest spełniony. Pętla while może w warunku mieć wartości typu boolean co pozwala na konstruowanie skomplikowanych warunków końcowych pętli.
Przykład:
<html>
<body>
<script type="text/javascript">
i=0;
while (i<=5) {
document.write("liczba równa się " + i);
document.write("<br />");
i++;
}
</script>
<p>Wyjaśnienie:</p>
<p><b>i</b> jest równe 0.</p>
<p>Dopóki <b>i</b> jest mniejsze lub równe 5, pętla będzie wykonywana.</p>
<p><b>i</b> licznik pętli wzrasta o 1 za każdym obiegiem.</p>
</body>
</html>
Pętla do… while
Pętla jest bardzo podobna do poprzedniej, z tym że zawsze musi być wykonana co najmniej 1 raz: nawet, gdy warunek nie będzie spełniony. Jest to związane z tym, że warunek jest sprawdzany na końcu:
do {
kod wykonywany w pętli
} while (warunek)
Pętla do...while jest odmianą pętli while. Za pomocą tej pętli kod wewnątrz bloku pętli zostanie wykonany przynajmniej raz, a potem pętla będzie wykonywana tak długo dopóki warunek jest spełniony.
Składnia polecenia jest następująca:
do {
kod do wykonania
} while (warunek)
Na poniższym przykładzie pętla do...while będzie zawsze wykonana przynajmniej raz, nawet jeśli warunek jest fałszywy, ponieważ sprawdzenie warunku odbywa się na końcu obiegu pętli.
<html>
<body>
<script type="text/javascript">
i = 0;
do {
document.write("liczba równa się " + i);
document.write("<br />");
i++;
} while (i <= 5)
</script>
<p>wyjaśnienie:</p>
<p><b>i</b> równa się 0.</p>
<p>Pętla będzie wykonywana</p>
<p><b>i</b> wzrośnie o 1 za każdym obiegiem petli</p>
<p>Dopóki <b>i</b> będzie mniejsze lub równe 5, pętla będzie wykonywana.</p>
</body>
</html
Pętla for
Pętla for może być wykorzystana do wykonania pewnego kodu określoną ilość razy.
for(inicjalizacja_zmiennej; warunek; zmiana_zmiennej) {
kod wykonywany w pętli
}
Na następnym przykładzie będzie pokazany jak jak można wyświetlić różną wielkość nagłówka:
<html>
<body>
<script type="text/javascript">
for (i = 1; i <= 6; i++) {
document.write("<h" + i + ">To jest nagłówek " + i);
document.write("</h" + i + ">");
}
</script>
</body>
</html>
Brak komentarzy:
Prześlij komentarz