Limbajul Java-Script


    JavaScript este unul din cele mai populare limbaje de programare "client side", pentru crearea paginilor WEB. Este un limbaj de tip "interpretor" fiind recunoscut de majoritarea browser-elor, cum ar fi: Internet Explorer, Firefox, Opera etc. A fost dezvoltat de Sun Microsystems fiind asemanator cu C , C++
Elemente de programare in limbajul Java Script

    Ce se poate face cu JavaScript ?

  • Scrierea testelor si instructiunilor HTML utilizand JavaScript

        Cu ajutorul limbajului JavaScript, se pot insera texte dinamice in pagini WEB. Aceste texte pot fi afisate direct sau se pot genera linii de instructiuni HTML care la randul lor vor fi afisate.

        Urmatorul program afiseaza "Hello World!"



        Urmatorul program afiseaza "Hello World!" dar generand cod HTML care va fi afisat ca atare.



  • Utilizarea variabilelor

        In JavaScript se pot defini si utiliza variabile de diverse tipuri.
        Urmatorul program defineste si utilizeaza variabile


        Urmatorul program defineste si utilizeaza variabile pentru a afisa data, ora, etc



  • Operatori utilizati in JS

        Operatori aritmetici
    Operator Descriere Exemple Rezultat pentru y=5
    + Adunare x=y+2 x=7
    - Scadere x=y-2 x=3
    * Inmultire x=y*2 x=10
    / Impartire x=y/2 x=2.5
    % Modulo x=y%2 x=1
    ++ Incrementare x=++y x=6
    -- Decrementare x=--y x=4



        Operatori de asignare
    Operator Exemple Semnificatie Rezultat pentru y=5
    = x=y   x=5
    += x+=y x=x+y x=15
    -= x-=y x=x-y x=5
    *= x*=y x=x*y x=50
    /= x/=y x=x/y x=2
    %= x%=y x=x%y x=0


  • Instructiuni decizionale

        Instructiunea if

        Sintaxa: 

    if (conditie)
{
cod care va fi executat daca conditia e adevarata
}
else
{
cod care va fi executat daca conditia e falsa
}


        Urmatorul program citeste ora sistemului pentru a afisa un salut functie de ora sistemului
        Este folosita instructiunea decizionala if else.



  • Instructiuni de ciclare

        Urmatorul program defineste si utilizeaza variabile numerice
        Se vor fisa valorile de la 1 la 10 utilizand bucla do while


        Vom afisa in continuare cifrele de la 1 la 70 pe 7 linii si 10 coloane


        Vom genera in continuare un tabel in care vom afisa cifrele de la 1 la 70 pe 7 linii si 10 coloane


        Sa reluam aplicatia pentru desenarea unei table de sah



  • Tablouri

         Vectori

        Urmatoarea aplicatie initializa un vector de 20 elemente cu valorile 0-19, dupa care se afiseaza elementele vectorului pe ecran.


        Sa reprezentam grafic acum consumurile energetice lunare, consumuri pastrate in vectorul consun()


         Matrici

        Vom utiliza in continuare matrici pentru a initializa o matrice de 4 X 10 cu valorile 0-40, dupa care sa afisam valorile din matrice pe ecran.


  • Functii

        Sintaxa unei functii este urmatoarea: 

    function munele_functiei(var1,var2,...,varX)
{
corpul functiei
return val_returnata
}


        Sa realizam o aplicatie care utilizeaza o functie pentru calculul patratului unui numar


        Parametrul "raza" definit in cadrul functiei este un parametru formal deci functia patrat se poate apela avand ca parametru orce variabila


        De multe ori functiile sunt apelate cand se declanseaza anumite evenimente cum ar fi:
  • Afisare dinamica

        Vom realiza o aplicatie in care apasarea unui buton va lansa executia unei functii care afiseaza un text.
        Textul va fi afisat intr-un element de tip INPUT TYPE="text". Tinand cont ca afisarea textului se face dupa incarcarea paginii, trebuie sa avem o "metoda" cu care sa modificam un text deja afisat pe ecran. Pentru aceasta vom atribui un nume elementului INPUT TYPE="text" pentru a putea invoca metoda prin care sa schimbam atributul value al elementului INPUT TYPE="text".



        O alta metoda de a realiza dinamica intr-o pagina web este folosirea div-urior.
        Vom defini un div si vom invoca metoda .innerHTML pentru a defini continutul acestui div, realizand astfel o pagina dinamica.




        Urmatoarea aplicatie foloseste aceeasi functie insa de data aceasta afiseaza mai multe mesaje.


        Vom folosi acum metoda substr pentru a realiza un text dinamic.


        Vom adauga in continuare un buton pentru stop.


        Vom utiliza acum functia descrisa mai sus pentru realizarea unui text dinamic dar declansarea functiei se va face automat la incarcarea unei imagini.


  • Functii matematice

        Functiile matematice sunt inglobate in modulul "math". Apelarea functiilor matematice se face astfel:


        Vom utiliza in continuare functiile matematice round si random pentru a afisa consumurile energetice:
        Pentru a genera si afisa repetitiv consumurile, vom defini un div si vom invoca metoda .innerHTML pentru a improspata continutul acestui div, realizand astfel o pagina dinamica.


        In aplicatia anterioara a trebuit sa definim pentru fiecare luna un nou tabel. Pentru a rezolva aceasta deficienta, vom invoca metoda innerHTML o singura data si nu vom mai fi nevoiti sa definim pentru fiecare luna un nou tabel, e suficient sa deschidem un nou rand al tabelului initial