Varijable i tipovi podataka

Prvo predavanje, Osnovni JS tečaj

Kreni
VARIJABLE
Varijable
● Što su varijable?
○ Simbolična imena s pridruženom vrijednosti
○ let broj = 9
○ let ime = "Bruno"

● Varijable u Javascriptu
○ Kutije s tipom podataka

● Definiranje varijabli u Javascriptu

○ var - zastarijel način, ali još u upotrebi
○ let - označava varijable čije ćemo vrijednosti mijenjati kroz kod
○ const - vrijednost varijable se pridodjeljuje jednom i ne može se mijenjati
Dohvaćanje i ispisivanje varijabli
● Dohvaćanje pomoću ključne riječi prompt:
○ let ime = prompt()
○ U prozor unesemo u ovom slučaju ime, te taj podatak možemo koristiti u kodu

● Ispis pomoću console.log():

○ Console - pristupa joj se pomoću F12 ili CTRL + SHIFT + I ili opcije->više alata-> alati za razvojne programere
○ console.log(ime)
○ Na ovaj način smo ispisali vrijednost varijable ime u konzolu
TIPOVI PODATAKA
Primitivni tipovi podataka
● Number - broj
● Boolean - istiniton ili lažno
● String - niz znakova (riječ, rečenica…)
● Undefined - deklarirana varijabla, ali nema vrijednost
● Null - nema ničega

Null nije isto što i nula!!! (Null != 0)

Brojevi
● Brojevi ( intiger, float, double => sve je
jedan tip )

● Numeric strings ( brojevi u obliku

stringa )
Boolean
● True ( 1 )
● False ( 0 )
String
● String - niz znakova koje ubacujemo u navodnike ( slova, riječi, rečenice … )
● Deklariramo ga sa jednostrukim ili dvostrukim navodnicima

● Možemo koristiti backslash + navodnike za umetanje navodnika unutar stringa

● Za umetanje backslasha u string koristimo double backslash

Osnovne operacije
Number w/
Ime operacije Simbol String w/ String Number w/ String
Number

Zbrajanje + 10 + 10 = 20 ‘10’+’10’ = ‘1010’ 10 + ‘10’ = ‘1010’

Oduzimanje - 10 - 10 = 0 ‘10’-’10’ = 0 10 - ‘10’ = 0

Množenje * 10 * 10 = 100 ‘10’*’10’ = 100 10 * ’10’ = 100

Dijeljenje / 10 / 10 = 1 ‘10’ / ‘10’ = 1 10 / ‘10’ = 1

Cjelobrojno
% 11 % 10 = 1 ‘11’ % ‘10’ = 1 11 % ‘10’ = 1
dijeljenje
Promjena tipa podatka
● Podaci uneseni pomoću prompta su tipa string, a nama često trebaju brojevi
● Promjena tipa podatka (engl. Type casting) se radi na sljedeći način:
○ broj = Number(broj)

● Na ovaj način podatak ostaje isti, ali tip se mijenja

● Primjer za unesen broj 10:
DEMO
RAD NA SATU
Rad na satu
● Smislite 5 podataka vezanih uz neku osobu ( pr. Ime, prezime, dob…) te ih
preko prompta dohvatite u varijable te ispišite u konzolu u odgovarajućem tipu
( pr. ime je string, a dob je broj)
● Preko prompta dohvatite ocjene iz 5 proizvoljnih predmeta te izračunajte i
ispišite prosjek ocjena
● Preko prompta dohvatite dva broja te ispišite rezultate svih osnovnih operacija
koristeći ta dva broja
● Deklarirajte varijable koje imaju tipove: string, number, boolean
DOMAĆI RAD
Domaći rad
● Objasnite zašto je sljedeći kod loš primjer korištenja varijabli
○ let Bruno = "Bruno"

● Zašto će sljedeći kod dati grešku:

const ime = "Bruno"
console.log(ime)
ime = prompt(ime)
console.log(ime)

● Opišite svojstva automobila pomoću varijabli te ih ispišite uz pripadajuće

tipove
● Pokažite na primjeru zašto je važno da su varijable dobrog tipa