instrukcje warunkowe

instrukcja warunkowa if...else

Polecenie if dokonuje oceny warunku (sprawdza go).
Jeżeli wartością warunku będzie true, to nastąpi wykonanie poleceń znajdujących się w bloku kodu zdefiniowanym tuż po poleceniu if.
Jeżeli wynikiem jest false, wykonany będzie blok kodu znajdujący się w else.

if (warunek){
    // instrukcje do wykonania, jeżeli warunek jest prawdziwy
}
else{
    // instrukcje do wykonania, jeżeli warunek jest fałszywy
}




<script type="text/javascript">
var liczba = 5;
if (liczba > 0){
    document.write("Zmienna liczba jest większa od 0.");
}
else{
    document.write("Zmienna liczba nie jest większa od 0.");
}
</script>


wynik skryptu
Zmienna liczba jest większa od 0.



<script type="text/javascript">
var liczba = -5;
if (liczba > 0){
    document.write("Zmienna liczba jest większa od 0.");
}
else{
    document.write("Zmienna liczba nie jest większa od 0.");
}
</script>


wynik skryptu
Zmienna liczba nie jest większa od 0.



<div id="answer55"></div>

<script type="text/javascript">
var score = 90;
var pass = 50;
var message02;

if (score >= pass) {
    message02 = 'Gratulacje, zaliczyłeś test!';
}
else {
    message02 = 'Spróbuj ponownie!';
}

var el = document.getElementById('answer55');
el.textContent = message02;
</script>

wynik skryptu




<div id="answer66"></div>

<script type="text/javascript">
var score = 40;
var pass = 50;
var message03;

if (score >= pass) {
    message03 = 'Gratulacje, zaliczyłeś test!';
}
else {
    message03 = 'Spróbuj ponownie!';
}

var el = document.getElementById('answer66');
el.textContent = message03;
</script>

wynik skryptu




<div id="ananas"></div>

<script type="text/javascript">
if (document.getElementById('ananas')) {
    document.write('Znaleziono identyfikator id=\"ananas\".');
}
else {
    document.write('Nie znaleziono identyfikatora id=\"ananas\"');
}
</script>

wynik skryptu
Znaleziono identyfikator id="ananas".

złożona instrukcja warunkowa if...else if

if (warunek1){
    instrukcje1;
}
else if (warunek2){
    instrukcje2;
}
else if (warunek3){
    instrukcje3;
}
...............
else{
    instrukcjen;
}


<script type="text/javascript">
var liczba = 20;
if(liczba == 10){
    document.write("Zmienna liczba jest równa 10.");
}
else if(liczba == 20){
    document.write("Zmienna liczba jest równa 20.");
}
else if(liczba == 30){
    document.write("Zmienna liczba jest równa 30.");
}
else{
    document.write("Zmienna liczba nie jest równa ani 10, ani 20, ani 30.");
}
</script>

wynik skryptu
Zmienna liczba jest równa 20.


<script type="text/javascript">
var liczbaX = 5;
if (liczbaX > 0) {
    document.write("Zmienna liczbaX jest większa od zera.");
}
else if(liczbaX == 0) {
    document.write("Zmienna liczbaX jest równa zero.");
}
else {
    document.write("Zmienna liczbaX jest mniejsza od zera.");
}
</script>

wynik skryptu
Zmienna liczbaX jest większa od zera.

operator warunkowy

(warunek) ? wartość1 : wartość2
jeżeli warunek ma wartość true to mamy wartość1
jeżeli warunek ma wartość false to mamy wartość2


<script type="text/javascript">
var x = 1;
var y;
y = (x > 0) ? 10 : 20;
document.write("Wartość y to " + y + ".");
</script>


wynik skryptu
Wartość y to 10.

<script type="text/javascript">
var x = 1;
var y;
y = (x < 0) ? 10 : 20;
document.write("Wartość y to " + y + ".");
</script>


wynik skryptu
Wartość y to 20.

instrukcja wyboru switch

Konstrukcja switch rozpoczyna się od zmiennej nazywanej wartością.
Każdy blok case zawiera możliwą wartość dla tej zmiennej i uruchamia zdefiniowane w nim polecenia.
W przypadku znalezienia dopasowania następuje wykonanie kodu.
Polecenie break zatrzymuje wykonywanie dalszej części konstrukcji switch.
Polecenie default wykonywane jest jeśli nie zostanie dopasowany żaden blok case.
Konstrukcja switch charakteryzuje się lepszą wydajnością od poleceń if.

switch(wyrażenie){
    case wartość1 :
            instrukcje1;
            break;
    case wartość2 :
            instrukcje2;
            break;
    case wartość3 :
            instrukcje3;
            break;
    default :
            instrukcje4;
}


<script type="text/javascript">
var liczba = 10;
switch(liczba){
    case 10 :
        document.write("Zmienna liczba jest równa 10.");
        break;
    case 20 :
        document.write("Zmienna liczba jest równa 20.");
        break;
    case 30 :
        document.write("Zmienna liczba jest równa 30.");
        break;
    default:
        document.write("Zmienna liczba nie jest równa ani 10, ani 20, ani 30.");
}
</script>


wynik skryptu
Zmienna liczba jest równa 10.

instrukcja wyboru switch bez break

<script type="text/javascript">
var liczba = 10;
switch(liczba){
    case 10 :
        document.write("Zmienna liczba jest równa 10.");
    case 20 :
        document.write("Zmienna liczba jest równa 20.");
    case 30 :
        document.write("Zmienna liczba jest równa 30.");
    default:
        document.write("Zmienna liczba nie jest równa ani 10, ani 20, ani 30.");
}
</script>


wynik skryptu