JavaScript

☰

Što je JavaScript?

  • JavaScript je objektno orijentiran skriptni jezik za razvoj Internet aplikacija u klijentu
  • Napravljen je da bude sličan Javi, zbog lakšega korištenja, ali nije objektno orijentiran kao Java, već se temelji na prototipu i tu prestaje svaka povezanost s programskim jezikom Java
  • Izvorno ga je razvila tvrtka Netscape (www.netscape.com)

PREDNOSTI

  • jednostavan
  • moćan i fleksibilan
  • radi na svakom pregledniku
  • brz

MANE

  • nemogućnost uspostave veze sa serverom
  • nemogućnost promijene datoteke na vašem računalu
  • nemogućnost dobrog snalaženja s grafikom

VARIJABLE

  • mjesta u memoriji u koje se spremaju podaci s kojima JavaScript barata
  • Doseg varijable je područje u kojem varijabla može biti primijenjena
  • Po dosegu (scope) varijable dijelimo na lokalne i globalne varijable
    • Globalna varijabla se deklarira izvan funkcije i stoga je ona dostupna tijekom trajanja aplikacije
    • Lokalna varijabla koja je deklarirana unutar funkcije i ona postoji samo tijekom trajanja te funkcije

GLOBALNE VARIJABLE

var MojaVar=9;
function mojaFunkcija() {
MojaVar++;
}

LOKALNA VARIJABLE

function mojaFunkcija() {
var MojaVar=9;
MojaVar++;
}

SKOČNI OKVIRI

  • objekt koji se prikazuje u obliku okvira na web stranici
  • vrste: Upozoravajući okviri, okviri za potvrdu, okviri za unos
  • Koriste se za interakciju između korisnika i aplikacije (JavaScript-a)

ALERT BOX

  • Koristi se kako bi se osiguralo da je informacija stigla do korisnika, pa se traži da korisnik klikne na OK dugme
  • Sintaksa:
    • alert ("Neki tekst!");
ISPROBAJ

CONFIRM BOX

  • Koristi se ako želimo da korisnik nešto potvrdi ili provjeri
  • Sintaksa:
    • confirm ("Neki tekst!");
ISPROBAJ

PROMPT BOX

  • Koristi se kada želimo da korisnik unese neku vrijednost, a zatim potvrdi unos klikom na dugme OK
  • Sintaksa:
    • prompt ("Neki tekst!");
ISPROBAJ

TOK PROGRAMA

  • TOK PROGRAMA = LOGIČKI RAZVOJ = ALGORITAMSKE STRUKTURE
  • ALGORITAMSKE STRUKTURE
    • SLIJED
    • GRANANJE
    • PONAVLJANJE

Slijed

  • naredbe se izvršavaju jedna za drugom, u slijednom obliku

Grananje

Grananje – IF

  • SINTAKSA:
    • if (uvjet) {
      //kod koji će se izvršiti ako je uvjet točan
      }

Grananje – ELSE

  • SINTAKSA:
    • if (uvjet) {
      //kod koji će se izvršiti ako je uvjet točan
      }
      else {
      //kod koji će se izvršiti ako je uvjet netočan
      }

Grananje – IF

  • SINTAKSA:
    • if (uvjet1) {
      //kod koji će se izvršiti ako je uvjet1 točan
      }
      else if (uvjet2)
      {
      //kod koji će se izvršiti ako je uvjet1 netočan i uvjet2 točan
      }
      else {
      //kod koji će se izvršiti ako je uvjet1 netočan i uvjet2 netočan
      }

PETLJA

PETLJA

  • algoritamska struktura koja ponavlja izvođenje određenih naredbi
  • Vrste petlji:
    • FOR
    • FOR OF
    • WHILE
    • DO WHILE

For petlja

  • prvi dio je izraz koji je evaluiran (vrednovan) jednom kada petlja započinje
  • drugi dio je uvjet; sve dok je uvjet istinit petlja se ponavlja, a ukoliko je uvjet lažan naredbe (kod) unutar for petlje se uopće neće izvršiti
  • treći dio je izraz koji se evaluira (vrednuje) jednom na kraju svakog prolaska kroz petlju
  • SINTAKSA:
    • for (početni izraz; uvjet; dodatni izraz) {
      naredbe;
      }

For Of petlja

  • dozvoljava prolaženje kroz polje i tretiranje svakog elementa polja kao individualne varijable što čini kod čitljivijim
  • SINTAKSA:
    • var imena = ['Marko', 'Ivan', 'Tina']
      for(var ime of imena) {
      document.write(ime + 'br>')
      }

While petlja

  • iterira kroz blok koda (izvršava se) sve dok je uvjet istinit
  • SINTAKSA:
    • while (uvjet){
      kod koji će se izvršavati;
      }

do...while

  • iterira (prolazi) kroz blok koda (izvršava se) jednom, a zatim ponovo prolazi (iterira) kroz taj blok koda, odnosno ponavlja se, sve dok je zadan uvjet istinit
  • SINTAKSA
    • do {
      kod koji će se izvršiti;
      } while (uvjet);