Javascript - osnove

JavaScript je programski je jezik i jedna od osnovnih web tehnologija koja omogućuje interaktivne web stranice i važan je dio web aplikacija. Svi moderni web preglednici podržavaju JavaScript, ne treba ga miješati sa programskim jezikom Java.

Najpopularniji plugin je jQuery (koristi 70% webstranica) i framework-e kao Angular ili Vue, a pojam "Vanilla JS" stvoren je za web stranice koje se u potpunosti oslanjaju na standardnu JavaScript funkcionalnost.

varijable

Kod deklariranja varijabli u javascript-u koristimu ključnu riječ var, kao u primjeru 


var a, b;       // Deklaracija
var pi = 3.14;  // Deklaracija varijable i vrijednosti 
a = pi * 2;     // a = 6.28

komentari

komentari u javascriptu počinlju sa dvije kose crte // kao u primjeru 

// Deklaracija varijable i vrijednosti 

var a, b;       // Deklaracija varijabli a i b
var pi = 3.14;  // Deklaracija varijable pi 

tipovi podataka

tipovi podataka u primjeru broj, string i datum


var pi = 3.14;                               // Broj
var grad = "Zagreb";                         // String
var gradovi = {naziv:"Zagreb", drzava:"Hrvatska"};    // Objekt
var datum = new Date(2020, 11, 12);    //Datum 12.11.2020

nizovi

nizovi su varijable koje sadržavaju više vrijednosti 


var gradovi = ["Dubrovnik","Split","Rijeka"] // Deklaracija niza
console.log(gradovi[0]); //Dubrovnik
console.log(gradovi.length) // 3 daje broj podataka u nizu
gradovi.sort() // sortira niz 
gradovi.push("Zagreb") // dodaje novi grad u niz

for (i = 0; i < gradovi.length; i++) {     // ispis cijelog niza u variablu html 
  html += "<li>" + gradovi[i] + "</li>";
}

var grad = gradovi.pop() // pop() u varijablu grad upisuje zadnji grad u nizu
gradovi.shift() // uklanja prvi element iz niza
gradovi.unshift("Zadar")  // dodaje Zadar kao prvi element u nizu
gradovi.splice(1,1) // uklanja drugi element u nizu
gradovi.splice(0,2) // uklanja prvi i drugi element u nizu gradovi

petlje

petlje (for, while, do .. while)


for (i = 0; i < 4; i++) {
  consol.log(i);             // ispisuje brojeve od 0 do 3
}

while (i < 10) {
  console.log(i);  //ispisuje brojeve od 0 do 9
  i++;
}

do {
  console.log(i);
  i++;                      // ispisuje brojeve od 0 do 9
}
while (i < 10);  

for (i = 0; i < 5; i++) {
  if (i === 3) { break; }  // prekida izvršenje petlje kada je i = 3
  console.log(i);  // ispisuje brojeve od 0 do 2
}