Variabile, funcţii şi operatoriAm ajuns şi la variabile şi funcţii. Nu o sa fie aşa greu precum pare.
Să începem cu declararea variabilelor pe care le punem în
<head>.
Pentru a declara o variabilă, scriem ceva de genul asta, plasând scriptul între tagurile despre care am vorbit în
prima parte. (
<script> şi
</script>)
<head>
<script language="JavaScript">
var name=value;
</script>
</head> Să explicăm:
1.
varAsta indică faptul că vrem să declarăm o variabilă.
2.
nameĂsta e numele pe care îl atribuim variabilei.
3.
valueAsta e valoarea iniţială pe care vrem să o aibă variabila. Poate fi un număr, un cuvânt, ‘true’, ‘false’ sau ‘null’.
Folosirea numerelorPutem atribui o valoarea reprezentată de un nr unei variabile, plasând numărul după ‘=’; Exemplu:
var cost=4;De asemenea se pot atribui si numere zecimale:
var cost=4,123;StringuriString-urile sunt un grup de caractere, ca o propoziţie sau chiar un cuvânt. Pentru a defini un string, trebuie să plasăm valoarea variabilei între ghilimele duble sau simple:
var forum=”Skullbox Forum”;Atenţie: Dacă plasăm un număr în interiorul ghilimelelor, acesta este tratat tot ca un string.
Valori de tip BooleanAsta e uşor, simplu, cum vreţi voi. Se atribuie variabilei valoarea true sau false.
NU[/u] este nevoie de ghilimele.
var exemplu=true; Valoarea ‘null’Dacă declarăm ceva ca null, nu înseamnă nimic. Nici măcar 0.
Exemplu:
var exemplu=null;Chestia asta e folositoare în cazul prompt-urilor, când nu se scrie nimic în locul cerut.
FuncţiiFuncţiile sunt folosite pentru a face lucrurile mai organizate şi mai uşor de citit. O funcţie este un set de declaraţii JavaScript, puse cap la cap pentru un singur scop. Va trebui să ţinem funcţiile în interiorul tagurilor
SCRIPT înauntrul secţiunii
HEAD.
Un exemplu:
<head>
<script language="JavaScript">
function name (parametru1, parametru2)
{
Declaraţii JavaScript... bla bla
}
</script>
</head>Să explicăm:
1. function
Indică faptul că vrem să creem o funcţie.
2. name
Ăsta e numele pe care îl atribuim funcţiei. Poate fi orice.
3. (parametru1, parametru2)
Parametrii sunt variabile care sunt trimise funcţiei când aceasta este apelată. Puteţi pune 3 parametrii, chiar şi mai mult, sau niciunul.
.
Semnele ‘}’ si ‘{‘ deschid, respectiv închid, locul în care vom introduce declaraţiile javascript.
O să încercăm acum să modificăm, ca în părţile anterioare, bara browserului, să afisăm ceva acolo.
Exemplu de astfel de funcţie:
<HEAD>
<SCRIPT language="JavaScript">
var text=" ";
function overlink (text)
{
window.status=text;
}
function offlink (text)
{
window.status=text;
}
</SCRIPT>
</HEAD><BODY>
<A HREF="exemplu.htm" onMouseover="overlink('Exemplu');return true"
onMouseout="offlink(' ');return true">Pune cursorul aici!!</A>
</BODY>Să şi explicăm:
În
HEADER[/u]
1.
var text=" "; Aceasta declară o variabilă numită ‘text’ şi creează o valoare 0 de tip string;
2.
function overlink(text) Aceasta declară o funcţie numită ‘overlink’. Funcţia necesită ca variabila definită anterior, ‘text’, să fie trimisă, pentru ca scriptul să funcţioneze.
3.
{Începe secţiunea definită de funcţie.
4.
window.status=text; Asta plasează valoarea variabilei în bara browserului. Valoarea textului a fost trimisă funcţiei când a fost apelată în tagul de link, care este stringul ‘Exemplu’ ;
5.
}Încheie secţiunea funcţiei.
6.
function offlink (text) Aceasta declară funcţia numită offlink.
7.
window.status=text; Asta plasează valoarea variabilei în bara browserului. Valoarea textului a fost trimisă funcţiei când a fost apelată în tagul de link, care este stringul ‘ ’ ;
În
BODY[/u]
Acel tag apelează ambele funcţii şi trimite un string care este asociat cu variabila numită ‘text’. Prima funcţie, overlink, este apelată în cadrul comenzii onMouseover. Asta înseamnă că atunci când puneţi cursorul peste link, structura funcţiei va fi executată. Nu mai explic de ce la ‘Exemplu’ se foloseste doar un set de ghilimele pentru ca am mai spus in partile trecute. onMouseout apelează funcţia numită offlink când luăm cursorul de pe link. Return true se foloseşte pentru a ne asigura că scriptul funcţionează, returnând valoarea de adevărat.
OperatoriOperatori matematici:[/u]
+
-
*
/
%Operatori de comparare:[/u]
>
<
>=
<=== ( „ = ” este doar folosită pentru a atribui o valoare unei variabile, în cazul ăsta compară 2 valori pentru egalitate)
!=Operatori logici:[/u]
&& (şi)
|| (sau)
! (nu)
CondiţiiIF/ELSE[/u]
Condiţiile au, în general, următoarea formă:
if (condiţie)
{
cod javascript}
else
{
cod javascript
} FOR[/u]
Să presupunem că vreţi să repetaţi un set de comenzi sau funcţii de un anumit nr de ori. Pentru asta se foloseşte ‘for’:
for ( condiţie1; condiţie2; comandă)
{
cod javascript
}Cam asta e cu funcţii, operatori, condiţii. Hai că am obosit şi eu…. Mai iau o pauză.
©Mike
