Programowanie.

Instrukcje

Skrypty w języku JavaScript stanowią sekwencję instrukcji, tzn. są wykonywane w kolejności w jakiej zostały zapisane. Instrukcje mogą być również łączone w grupy (inaczej bloki) poprzez umieszczenie w pomiędzy nawiasami { oraz }. Przykład:

<script type="text/javascript">

{ // początek bloku

document.write("<h1>Nagłówek</h1>"); // pierwsza instrukcja

document.write("<p>Treść paragrafu.</p>"); // druga instrukcja

} // koniec bloku

</script>

Komentarze

Część wiersza oddzielona znacznikiem // stanowi komentarz, tzn. jest to tylko informacja dla autora skryptu oraz pozostałych programistów pracujących nad skryptem. Istnieje również drugi sposób umieszczania komentarzy w kodzie skryptu — przez umieszczenie pomiędzy znacznikami /* oraz */. Przykład:

<script type="text/javascript" charset="utf-8">

/* Poniższy wiersz wyświetla okno dialogowe z powitaniem

oraz dzisiejszą datą. */

alert('Witaj Internauto, dziś jest ' + (new Date().toLocaleString()));

</script>

Zmienne i typy danych

Zmienne w programach służą do przechowywania różnego rodzaju danych, potrzebnych do działania skryptu. Każda zmienna posiada nazwę oraz wartość. Zmienne tworzymy w następujący sposób:

<script type="text/javascript" charset="utf-8">

var wiek = 23;

var waga;

var nazwisko_autora = 'Kowalski';

var imie;

</script>

w powyższym przykładzie utworzono cztery zmienne o identyfikatorach (nazwach) wiek, waga, nazwisko_autora oraz imie. Identyfikatory w JavaScript muszą zaczynać się literą, podkreśleniem (_) lub znakiem dolara ($), natomiast kolejne znaki mogą być również cyframi (0-9). JavaScript rozróżnia wielkość liter, więc np. nazwa “wiek” jest różna od “Wiek” oraz “WIEK”.

Wartości zmiennych

Tworząc zmienną możemy od razu podać jej wartość, ale nie jest to obowiązkowe. W poprzednim przykładzie zmiennym “wiek” oraz “nazwisko_autora” zostały jawnie nadane początkowe wartości. Pozostałe zmienne otrzymują domyślnie wartość undefined.

Wartościami zmiennych w JavaScript mogą być: Tutaj właśnie chodzi o typy danych!!

• liczby (Number), np. 13 lub 3.14159;
• wartości logiczne (Boolean) — true albo false;
• łańcuchy znakowe (String) — służą do zapamiętywania tekstów, np. “Witaj internauto!” lub ‘Dziś jest piękny dzień’;
• null — specjalne słowo oznaczające wartość pustą;
• undefined — specjalne słowo, oznaczające, że wartość
  zmiennej lub wyrażenia jest nieokreślona;
• tablice (Array) — tablice pozwalają na przechowywanie w
  pojedynczej zmiennej więcej niż jednej wartości na raz;
• obiekty (Object) — podobnie jak tablice pozwalają na zapamiętanie w
  pojedynczej zmiennej większej liczby danych, ale również metod (funkcji).

JavaScript jest językiem o słabej typizacji (ang. weakly typed), dlatego w zmiennej, która na początku otrzymała wartość liczbową, można zapamiętać w późniejszym czasie wartość logiczną, łańcuch znaków itd.

JavaScript programowanie reszta materiałów

Wyświetlanie informacji na stronie i działania na zmiennych

Kilka podstawowych zasad

Pracując z JavaScriptem, powinniśmy pamiętać o kilku fundamentalnych kwestiach. Po pierwsze, interpreter kodu rozróżnia tekst pisany wielkimi i małymi literami. Musimy być więc niezwykle ostrożni, aby nie popełnić błędu – na przykład wywołując wcześniej zdefiniowaną funkcję „program()” za pomocą instrukcji „Program()”. W takim wypadku przeglądarka zwróci błąd, a początkujący programista może mieć duże problemy ze zidentyfikowaniem jego przyczyny. Czynnością należącą już raczej do katalogu dobrych praktyk jest ponadto umieszczanie na końcu każdej instrukcji średnika – głównie w sytuacji, gdy w jednej linii tekstu chcemy zawrzeć kilka poleceń. Ma to często miejsce na przykład podczas konstruowania pętli. Przejrzystości kodu służy także umiejętne stosowanie spacji. Odstępy nie są „widoczne” dla interpretera, ale zdecydowanie ułatwiają naszą pracę ze skryptem lub też zapoznanie się innych użytkowników z jego budową.

Instrukcja document.write

Naszym pierwszym krokiem na drodze do praktycznego opanowania programowania w języku JavaScript będzie stworzenie prostego skryptu, wyświetlającego na ekranie zaprojektowany tekst. Posłużymy się w tym wypadku instrukcją document.write. Document to obiekt JavaScript, który reprezentuje akurat wyświetlaną stronę, write to natomiast jego metoda, czyli funkcja wykonująca określone działania na obiekcie – w tym wypadku wpisująca tekst. Nasz tekst umieszczamy w nawiasach jako argumenty wywołania metody. Postępujemy więc zgodnie z ogólną regułą składni, która wygląda następująco: obiekt.metoda(argumenty metody). Nasz pierwszy program, „Hello World”, będzie więc wyglądał tak:

document.write("Witaj, świecie!");

Listing 7 – zastosowanie metody write

Jako składników tekstu możemy także używać znaczników HTML, dbając 
oczywiście o to, żeby w odpowiednich miejscach otwierać je i zamykać:

document.write("<h1>Strona tytułowa</h1>"); document.write("<b>Spis treści</b>");

Listing 8 – metoda write – użycie znaczników HTML

W tym miejscu powinniśmy zwrócić naszą uwagę na pewien istotny fakt: otóż łańcuch znaków przekazywany metodzie write ograniczony jest z obu stron podwójnym cudzysłowem. Co zrobić zatem w wypadku, gdy w tym łańcuchu będziemy chcieli umieścić znaczniki HTML, których atrybuty również używają cudzysłowu? Jeżeli użyjemy symbolu ", popełnimy błąd, gdyż interpreter JavaScriptu przyjmie, że w tym miejscu zakończyliśmy wprowadzanie łańcucha znakowego do metody write. Aby uniknąć wynikających z tego problemów, musimy stosować zamiennie znaki " oraz '. Jeżeli będziemy pamiętali o tym, że powinny się one parami otwierać i zamykać, możemy wielokrotnie zagnieżdżać jedne w drugich, stosując je przemiennie: "1 '2 "3 – 3" 2' 1".

Nieco łatwiej przyjdzie nam rozstrzygnąć problem ewentualnego użycia cudzysłowu w samym tekście, który chcemy umieścić na stronie. Zarówno cudzysłów, jak i inny znak specjalny powinniśmy w takim wypadku poprzedzić backslashem – czyli znakiem \ lub specjalnymi sekwencjami podstawienia HTML.

document.write("Witamy na naszej stronie filmowej."); document.write("Polecamy film \"Władca Pierścieni\""); document.write("<b><a href='spis.htm'>Spis treści</a></b>");

Listing 9 – metoda write – użycie cudzysłowów w łańcuchu znaków

Zmienne

W przedstawionych wyżej przykładach metoda write przyjmuje jako argument string – czyli łańcuch znakowy – dlatego jest on umieszczony w cudzysłowie. Można jednak jako argument podać również liczbę całkowitą (integer) lub 
zmiennoprzecinkową (float):

document.write(2004)

Listing 10 – metoda write – liczba całkowita

Jeżeli chcemy w naszym skrypcie korzystać z dłuższych tekstów bądź też operować skomplikowanymi liczbami, wygodniej jest przypisać je do zmiennej. W JavaScripcie nie musimy deklarować, jakiego typu zmiennej będziemy używali. Ponadto typ zmiennej elastycznie dopasowuje się do naszych potrzeb, dlatego nic nie stoi na przeszkodzie, aby przypisywać na zmianę typ łańcuchowy i liczb całkowitych. Jedyne, co musimy zrobić, to poinformować interpreter o korzystaniu ze zmiennej. Używamy w tym celu instrukcji postaci: var nazwa zmiennej = wartość zmiennej. Jak w poniższym przykładzie, w którym na ekranie przeglądarki powinien pojawić się tekst opisujący wiek i imię zdefiniowanego wcześniej „użytkownika”:

var imie="Janek" // zmienna typu string var wiek=20 // zmienna typu integer document.write("Nasz gość ma na imie "+imie+"."); document.write(imie+" ma "+wiek+" lat");

Listing 11 – zastosowanie instrukcji var

Nazwy zmiennych zaczynamy od litery i konstruujemy je w całości z liter, cyfr lub znaku podkreślenia (_). Powinniśmy też zadbać, aby nazwa była zrozumiała dla osoby czytającej kod – na przykład wiązała się określonym elementem czy funkcją. Wszystko to oczywiście po to, byśmy w przyszłości nie musieli się zastanawiać, z jakich przyczyn daną zmienną w kodzie umieściliśmy.

Operatory

Operatory służą dokonywaniu działań na wartościach zmiennych. Już w powyższym przykładzie zastosowania funkcji var użyliśmy operatora łączenia łańcuchów tekstu – +. Stosując go, możemy wpisywać do ciągu złożone zdania, zmieniające się w zależności od wartości wprowadzanych zmiennych. Należy przy tym pamiętać, że jeśli przy łączeniu różnych typów zmiennych występuje łańcuch znakowy (string) i operator łączenia +, pozostałe zmienne są również przekształcane na typ string.

Ważniejszym jeszcze od manipulacji tekstem zastosowaniem operatorów będą oczywiście działania matematyczne. Możemy przy tym wykorzystać szeroką ich gamę – JavaScript oddaje nam do dyspozycji nie tylko operatory arytmetyczne, ale także logiczne oraz operatory przypisania i porównania. Poniższe tabele w sposób wyczerpujący prezentują wszystkie dostępne nam możliwości.

Operatory arytmetyczne
Operator		Opis	Przykład		Wynik
+		Dodawanie	x=3 x=x+4		7
-		Odejmowanie	x=4 x=6-x		2
*		Mnożenie	x=3 x=x*5		15
/		Dzielenie	10/5 9/2		2 4.5
%		Modulo (reszta z dzielenia)	4%3 12%8 8%2		1 4
++		Zwiększanie o 1	x=2 x++		x=3
--		Zmniejszanie o 1	x=4 x--		x=3
Operatory przypisania
Operator	Przykład			Równoważne z
=	x=y
+=	x+=7			x=x+7
-=	x-=3			x=x-3
*=	x*=y			x=x*y
/=	x/=y			x=x/y
%=	x%=y			x=x%y

 

Operatory porównania
Operator	Opis	Przykład
==	jest równe	2==3 wynik:fałsz
!=	nie jest równe	2!=3 wynik:prawda
>	jest większe	25>3 wynik:prawda
<	jest mniejsze	2<3 wynik:prawda
>=	większe lub równe	25>=3 wynik:prawda
<=	mniejsze lub równe	2<=3 wynik:prawda

 

Operatory logiczne
Operator	Opis	Przykład
&&	i	x=3 y=4 (x < 9 && y > 2) wynik:prawda
||	lub	x=3 y=4 (x==8 || y==6) wynik:fałsz
!	zaprzeczenie	x=3 y=4 !(x==y) wynik:prawda

Typy zmiennych Java Script.

1. Zmienne liczbowe ( liczby rzeczywiste całkowite ) 

X = 5.5;
Y = 2

2. Zmienne logiczne ( true | false ) 
W = false
Z = X<Y

3. Zmienne tekstowe ( łańcuchy znaków ) 
tekst = "Ale ma kota";

Identyfikatory nazw zmiennych podlegają pewnym ograniczenia nazwy musza zaczynać się o litery bądź znaku podkreślenia nie mogą zaczynać się np o cyfr nazwy nie mogą zawierać znaków specjalnych i polskich znaków w nazwach zmiennych nie można również stosowac słów kluczowych języka.

Znaki specjalne: 

\b - backspace
\n - nowy wiersz
\" - cudzysłów
\' - apostrof
\\ - lewy ukośny

Operatory - to symbole które służa do wykonywania operacji na zmienne :
  

• Operatory relacyjne
• Operatory arytmetyczne
• Operatory przypisywane
• Operatory logiczne

Operatory relacyjne :

= = - Jest równe

! = - Nie jest równe

> - Jest większe 

< - Jest mniejsze

>= - Większe lub równe

<= - Mniejsze lub równe

Operatory logiczne :

& & ( and ) false  & & false - f

false & & true - f

true & & true - t

| | ( or ) true | |  false - t
true | | true - t
false | | true - t

! ( Negacja not) --> 

!false - T

!true = f


Np. Zmienna y jest mniejsza równa z lu zmienny y jest równe x

Użycie dwóch zmiennych 
<script type="text/javascript">
var Zmienna_1="Mój komputer";
var Zmienna_2=350;
document.write(Zmienna_1+ " Ma dysk o pojemnośći " +Zmienna_2+ " GB ");

</script>

aplikacjeinternetowe96@gmail.com
hasło: programowanie

Java Script.

Java Script jest językiem skryptowym pozwalającym na rozszerzenie standardowych dokumentów html miedzy innymi: Kod źródłowy uporządkowany ciąg instrukcji który wymaga procesem tym zajmuje się kompilatora czyli program którego zadaniem jest przetłumaczenie całego kodu źródłowego na kod maszynowy. Ciąg maszynowy - Ciąg liczbowy w systemie dwójkowym Intelpleter jego sposób działania opiera się na pobraniu pojedynczej linii kodu przetłumaczeniu jej i przekazaniu procesorowi..

Java Script jest interpretowany językiem programowania.

Kod źródłowy (ang. source code) to zapis programu komputerowego wykonany przy pomocy określonego języka programowania, opisujący operacje jakie powinien wykonać komputer. Kod źródłowy jest wynikiem pracy programisty.

Kod źródłowy pozwala wyrazić w czytelnej dla człowieka formie strukturę i działanie programu komputerowego. Gotowy kod źródłowy jest zwykle zapisywany do pliku tekstowego. Może też występować w postaci fragmentów kodu opublikowanych w artykułach prasowych lub książkach.

Określenie „wykonanie kodu źródłowego” jest równoważne wykonaniu programu zapisanego tym kodem.

Przed wykonaniem kod źródłowy musi zostać poddany translacji na kod wynikowy – w procesie kompilacji jest tłumaczony do postaci kodu wynikowego, najczęściej kodu maszynowego. Możliwe jest także wykonywanie „w locie” programu zapisanego kodem źródłowym przy pomocy interpretera.

Zalety

• Szybki podgląd.
• Szybkie poprawy błędy.
• Łatwy w obsłudze.
• Jeden z najpopularniejszych programów działających o stronie klienta ponieważ wszystkie operacje nie obciążają serwera.
• Bezpieczeństwo. 

<script type="text/javascript">

kod skryptu

</script>

Łączenie liczy z danym tekstem:

<script type="text/javascript">

//<![CDATA[

document.write("Jan Kowalski ma " +327 +" lat!");

//]]>

</script>

<script type="text/javascript">

//<![CDATA[

document.write("Jan Kowalski: <br>");

document.write("Wiek - "+31+" lat <br>")

document.write("Wzrost - "+1.70+" m <br>");

document.write("Waga - "+92.9+" kg <br>");

//]]>

</script>

Okno dialogowa - Jest narzędziem pozwalająca na nawiązanie interakcji z użytkownikiem

Informacyjne - Jego celem jest przekazanie informacji jego budowa jest wyjątkowo prosta wyświetla tekst jako argument metody "Alert" 

Decyzyjne - confirm

Tekstowe - prompt

var nazwa_zmiennej = wartość
var liczba = 38

<script type="text/javascript">

<script type="text/javascript">
document.write(9+5+1+"<br/>");
document.write(9+5+2+"<br/>");
document.write(9+5+3+"<br/>");

</script>

@up wyświetlanie gotowego w wyniku 


<script type="text/javascript">
var cyfra=5;
document.write(9+cyfra+1+"<br/>");
document.write(9+cyfra+2+"<br/>");
document.write(9+cyfra+3+"<br/>");

</script>


<script type="text/javascript">
var liczba=5;
liczba=liczba+2;
document.write(liczba);
</script>

<script type="text/javascript">
var liczba=5;
var cyfra=5;
document.write(liczba+cyfra);
</script>

Wyświetla monit skryptu:

<script type="text/javascript">
var imie=prompt("Witaj! Jak masz na imie?","");
document.write("Cześć "+imie+"!");
</script>


<script type="text/javascript">
var imie=prompt ("Jak masz na imie"," ");
if ((imie==null) || (imie=="")){
document.write("Czemu nie podałes imienia?");
}
else{
document.write("Cześć "+imie+"!");
}
</script>