Instrukcje

Karta pracy 2017/2018

Adres:
http://plotkarka.eu/KP/instrukcje.html
Autor:
Radosław Kowaluk

Instrukcje warunkowe

Typy

W swoim folderze roboczym utwórz dokument typy.html (wykorzystaj pliki szablonów, metodę kopiuj-wklej) zawierający następujący kod:

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8"/>
  <title>Instrukcje</title>
 </head>
 <body>

 </body>
</html>

Deklaracja zmiennych1, instrukcja warunkowa if2

W elemencie body dopisz kod:

<script>
var x=1
if(x) document.write(typeof x)
</script>

Zapisz dokument. Sprawdź działanie skryptu.

Blok2, instrukcja warunkowa if else4

W elemencie script dopisz kod:

var a=1
var b=0
if(b!=0) {
document.write("a:b="+a/b)
}
else {
document.write("b nie może być 0")
}

Zapisz dokument. Sprawdź działanie skryptu.

Instrukcja switch5

W elemencie script dopisz kod:

var liczba=1
switch (liczba) {
case 1:
document.write("jeden")
break
case 2:
document.write("dwa")
break
default:
document.write('liczba = '+liczba)
}
document.write(typeof "tekst")

Zapisz dokument. Sprawdź działanie skryptu.


  1. Instrukcja <script>var - deklaruje zmienną oraz opcjonalnie przypisuje jej wartość początkową.
    var n_z1 [= wartość1], ..., n_zN [= wartośćN];
    n_z - nazwa_zmiennej
  2. Instrukcja <script>if - wykonuje polecenie lub blok poleceń, jeśli dany warunek jest spełniony.
    if (warunek) polecenie
  3. Blok - ciąg instrukcji, poleceń umieszczony w { }.
    {
       instrukcja_1
       instrukcja_2
       ...
       instrukcja_n
    }
  4. Instrukcja <script>if else - wykonuje polecenie lub blok poleceń, jeśli dany warunek jest spełniony. Jeśli warunek nie jest spełniony, może zostać wykonana istrukcja po else lub blok poleceń.
    if (warunek) {
     polecenia1
    }
    [else {
     polecenia2
    }]
  5. Instrukcja <script>switch - porównuje wyrażenie z danymi etykietami i wykonuje instrukcje z nimi powiązane.
    switch (wyrażenie) {
     case etykieta1 : instrukcje1
     [break;]
     case etykieta2 : instrukcje2
     [break;]
    ...
     case etykietaN : instrukcjeN
     [break;]
     default : instrukcjeD
     [break;]
    }

Instrukcje pętli

Pętla for 1

W elemencie script dopisz kod:

for(var i=0;i<3;i++) {
alert(i)
}

Zapisz dokument. Sprawdź działanie skryptu.

Pętla while 2

W elemencie script dopisz kod:

var i=0;
while (i<3) {
alert(i++)
}

Zapisz dokument. Sprawdź działanie skryptu.

Pętla do while 3

W elemencie script dopisz kod:

var j=0;
do {
alert(j++)
} while (j<3)

Zapisz dokument. Sprawdź działanie skryptu.

Zadanie

Liczby całkowite z zakresu4

Liczby całkowite z zakresu - powinno wyświetlić okno dialogowe z poleceniem "Podaj liczbę początkową". Po wpisaniu i zaakceptowaniu przez użytkownika dowolnej liczby całkowitej powinno wyświetlać się kolejne okno dialogowe z poleceniem "Podaj liczbę końcową". Po wpisaniu i zaakceptowaniu liczby powinien wyświetlić się ciąg kolejnych liczb, od liczby początkowej do końcowej. Jeśli liczba początkowa będzie mniejsza od liczby końcowej, ciąg będzie rosnący, w przypadku, gdy liczba początkowa będzie większa od liczby końcowej, ciąg będzie malejący.

Wgrywanie plików na serwer

Umieść pliki ćwiczeniowe na na serwerze.


  1. Instrukcja <script>for - tworzy pętlę, która składa się z trzech opcjonalnych wyrażeń, załączonych w nawiasach i oddzielonych średnikami, po których występuje instrukcja wykonywana w pętli.
    for ([wyrażenie-wstępne]; [warunek]; [w2])
     instrukcja
     
    w2 - wyrażenie-inkrementacji
  2. Instrukcja <script>while - tworzy pętlę, która wylicza wyrażenie i, jeśli jest ono prawdą, wykonuje blok poleceń. Wykonywanie pętli powtarza się, póki warunek jest prawdziwy.
    while (warunek) {
     polecenia
    }
  3. Instrukcja <script>do...while - wykonuje zadane polecenia dopóki warunek jest spełniony. Polecenia wykonywane są przynajmniej raz.
    do
     polecenia
    while (warunek);
  4. http://egzamin-e14.blogspot.com/2016/09/e14-1405-07.html