Kurs JavaScript cz.2

2. Formatowanie tekstu/Zmienne

W tej części kursu przedstawię formatowanie tekstu w JavaScript i podstawową wiedzę o zmiennych. Chciałbym też dodać, że po każdej instrukcji napisanej w JavaScript powinien znaleźć się średnik. Istnieją różne rodzaje formatowania tekstu, pierwszy to dodawanie znaczników HTML-a:

document.write("<b>Pogrubiony tekst</b><br>");

JavaScript umożliwia wstawianie wszystkich znaczników HTML-a, jest to bardzo przydatne np. poprzez skrypt możemy umieścić zdjęcie:

document.write("<img scr=zdjecie.jpg>");

Do przechodzenia do nowej linii służy znacznik <br> lub znak specjalny \n używamy go w ten sposób:

document.write("Zaraz przejdę do nowej linii.\n");

Oczywiście istnieje również document.writeln(), ale w tym wypadku musimy umieścić tekst pomiędzy znacznikami <pre></pre> np.:

document.writeln("<pre>Przechodzi do nowej linii.</pre>");

Poniżej zamieszczam listę znaków specjalnych do formatowania tekstu w JavaScript:

\n - znak nowej linii
\t - tabulator
\b - backspace
\r - enter
\f - wysunięcie kartki

Istnieją również funkcje formatujące tekst:

fontsize() - rozmiar tekstu
fontcolor() - kolor tekstu

italics() - kursywa
bold() - pogrubienie
strike() - przekreślenie
sub() - index dolny
sup() - index górny
big() - zwiększa czcionkę o 1 pt
small() - zmniejsza czcionkę o 1 pt

Sposób użycia:

document.write("Tekst".fontsize(4));

Czyli po cudzysłowie umieszczamy kropkę i nazwę funkcji. Kolory można podawać jako nazwy kolorów z HTML-a lub w formacie RGB, poniżej zamieszczam link do strony na której możecie sprawdzić jakie kolory są dostępne:

http://www.statom.pl/HTML/kolory.html

Funkcje formatujące można również łączyć np.:

document.write("Duży przekreślony, pogrubiony, kolorowy tekst".fontsize(5).fontcolor("blue").bold().strike());

Umieszczając kropkę po nazwie funkcji łączymy właściwości tych funkcji.
Jeśli chcemy umieścić np. cudzysłów musimy go poprzedzić jednym ukośnikiem np.:

document.write("\"Wiem, że nic nie wiem.\"");

Zmienne

Zmienna jest to element programu/skryptu, któremu przypisujemy jakąś wartość, każda zmienna posiada swoją nazwę i swój typ. W każdej części programu wartość zmiennej może być zmieniona, w zależności czy jest to zmienna lokalna czy globalna, ale o tym powiem później. W języku JavaScript rozróżniamy kila typów zmiennych: liczby, wartości logiczne, łańcuchy znaków, wartość NULL.

Zmienne deklarujemy w następujący sposób:

var nazwazmiennej = 1;

Najpierw podajemy słowo kluczowe var a potem nazwę zmiennej. Dozwolone nazwy zmiennych:

zmienna
nazwa_zmiennej
nazwa_mojej_zmiennej
zmienna1
_zmienna
__zmienna
MojaZmienna

Są to tylko przykładowe kombinacje, można używać podkreśliników, liczb(dopiero po jakiejś literce lub podkreślniku), dużych i małych liter. W języku JavaScript odróżniane są duże i małe litery!

Niedozwolone nazwy zmiennych:

0zmienna - nie wolno używać liczb jako pierwszego znaku w nazwie zmiennej
moja zmienna - nie wolno stosować spacji
nie można nazwać zmiennych słowami kluczowymi języka
nie można stosować innych znaków niż liczby, podkreślnik, np. + lub -
nie można stosować narodowych znaków np, ą,ę,ó,à,ê itp.\
nie stosujemy takich samych nazw dla zmiennych

Zmienne tekstowe deklarujemy tak:

var zmienna = "Mój kot ma na imię Burek";
var zmienna1 = 'Mój pies ma na imię Azor';
var literka = 'a';

Pojedyncze literki umieszczamy w apostrofach, a ciągi znaków w cudzysłowach, nie jest powiedziane, że nie można ich umieszczać w apostrofach, ale przyjęte jest, że umieszczamy ciągi znaków w cudzysłowach.

Zmienne liczbowe:

var zmienna2 = 30;
var zmienna3 = 13.4;
var zmienna4 = 0x10; // zapis szesnastkowy
var zmienna5 = 2e3; // zapis wykładniczy

Wartości logiczne:

var zmienna6 = TRUE; // prawda
var zmienna7 = FALSE; // fałsz

Dla osób znające uwaga: wartości TRUE i FALSE nie mają przełożenia na liczby.

Wartość NULL:

Jest to pewien specjalny typ danych, który oznacza nic(null). Wartość ta jest zwracana przez niektóre funkcje. Zapoznam was z nią w dalszej części kursu.

Za niedługo ukaże się kolejna część kursu JavaScript dla początkujących.

Zapraszam do komentowania.

P.S Jeśli tekst zawiera jakieś błędy lub o czymś zapomniałem to proszę o kontakt.