Osnove JavaScripta

Osnove JavaScripta
Osnove JavaScripta
Uči se kao svaki drugi programski jezik

Ima elemente u sintaksi za:
1. Varijable
2. Operatore
3. Uvjetne naredbe
4. Petlje
5. Funkcije
6. Komentare
Komentari - isti kao u C-u
• Vrste komentara:
1. Jednolinijski komentari započinju s dvije kose crte // i sve što je iza
dvije kose crte je nevidljivo web pregledniku.
2. Višelinijski komentari su smješteni između znaka kose crte i
zvjezdice /* te obrnuto postavljene iste kombinacije; zvjezdice i kose
crte */. Sve što je smješteno između /* i */, web preglednik ignorira
Varijable mogu biti:
1.Integer ili cjelobrojne (12, 4, -8)
2. Decimalne ili realne (13.5, -18.2)
3. String ili znakovne - stringovi su nizovi znakova; riječi ili rečenice. (‘Marko’)
4. Boolean ili logičke varijable -mogu sadržavati samo da/ne (true/false) podatke.
• osim brojeva, slova i donje crtice (_), imena varijabli ne mogu sadržavati nikakve
znakove. Dakle u nazivu varijable nema mjesta za @, $, %, ili &, kao niti za razmak.
• ime varijable ne može početi brojem.
• ključne riječi poput var, function, true, false, new se ne mogu upotrijebiti za imena
varijabli
Pridruživanje vrijednosti varijabli
• Pridruživanje vrijednosti varijabli se može napraviti u istom redu
kada se varijabla deklarira:
var imeVarijable = 3;
ili to može biti odvojeno:
• var imeVarijable;
...
imeVarijable = 3;
Aritmetički operatori
Izrazi
• Slaganjem varijabli i operatora dobivamo izraze (expressions).Tako je
unutar funkcije za zbrajanje izraz:
zbroj = a + b + c + d
• iskorišten da bi se izračunao zbroj te četiri varijable. U ovom slučaju
'zbroj' je varijabla, a 'a + b + c + d' je izraz.
Operatori i stringovi
S obzirom da je string najčešće tekst, operatori kod stringova se najčešće koriste da bi se:
•provjerila identičnost stringa, npr. provjera zaporke

•potražio određen znak u stringu;
•npr. provjera je li e‑pošta pravilno upisana na osnovi toga postoji li u izrazu znak @
•povezalo nekoliko stringova.
Da se povežu dva stringa, koristi se + operator.
Primjerice:
prvi="Danas je jako"
drugi=" lijepo vrijeme iako je "
treći=1
četvrti=". mjesec."
sve=prvi+drugi+treći+četvrti
Varijabla 'sve' ima vrijednost "Danas je jako lijepo vrijeme iako je 1. mjesec."
Uvjetni operator ?
• varijablama pridodaje određene vrijednosti samo ukoliko je neki uvjet
istinit
• imevarijable=(uvjet)?vrijednost1:vrijednost2
• Ako je uvjet istinit (true), izraz ima vrijednost vrijednost1, u suprotnom
ima vrijednost vrijednost2 .
• Primjer:
• oslov=(spol==true)?"draga gospođo ":"dragi gospodine "
Prioritet operatora
1.zagrade ()
2. unarni operatori: ! ++ --
3. aritmetički: * / %
4. aritmetički + -
5. relacijski (<,>…..)
6. Logički (&&, || )
Naredbe ispisa <html>
<body>
<script type="text/javascript">
var x=5;
• document.write() var y=3;
var z="osam";
var w=3.14;
document.write(x++," ", ++x,"br")
++x)
ispisuje u prozoru preglednika document.write(x*y)
document.write(x*y,"<br>")
vrijednost iz zagrade document.write(x%y)
document.write(x%y,"<br>")
document.write(z +" je brojka","<br>")
brojka")
document.write("ovo je realni broj ",w,"<br>")
",w)
</script>
</body>
</html>
Naredbe ispisa <html>
<body>
var x=5;
• alert() var y=3;
var z="osam";
var w=3.14;
alert(x++," ", ++x)
ispisuje u posebnom okviru alert(x*y)
poruku iz zagrade alert(x%y)
alert(z +" je brojka")
alert("ovo je realni broj ",w)
</script>
</body>
</html>
JavaScript poruke (popup box)
• U JavaScript-u možemo da kreiramo različite vrste poruka:
• poruka upozorenja (Alert box)
• poruka za potvrdu (Confirm box)
• poruke korisniku (Prompt box)
<html>
<head>
function pozdraviEkipu()
{
alert("Bok, ekipo!")
poruka }
upozorenja </script>
(Alert box)
</head>
<body>
<form>
<input type="button" value="Pozdravi ekipu!"
onclick="pozdraviEkipu()">
</form>
</body>
</html>
<html>
<head>
function disp_confirm()
{
var name=confirm("Pritisni dugme")
if (name==true)
{
document.write("Pritisnuli ste OK dugme!")
}
poruka za Što se dešava na
else klik
potvrdu
(Confirm box) {
document.write("Pritisnuli ste Cancel dugme!")
}
} </script> Što piše na
</head> gumbu
<body>
<form>
<input type="button" onclick="disp_confirm()" value="Display a confirm box">
</form>
</body>
</html>
<html>
<head>
function disp_prompt()
{
var name=prompt("Molim vas, unesite ime","")
if (name!=null && name!="")
{
Okvir s porukom document.write("Zdravo " + name + "! Kako ste danas?")
(promt box) }
}
</script>
</head>
<body>
<form>
<input type="button" onclick="disp_prompt()" value="Display a prompt box">
</form>
</body>
</html>
• Alert box se koristi kad želite da budete sigurni da je informacija stigla do
korisnika. Kada se pojavi alert box, korisnik treba da pritisne dugme "OK" da
bi nastavio.
Sintaksa: alert("neki tekst")
• Confirm box se koristi kad želite da korisnik potvrdi ili prihvati nešto. Kad se
pojavi confirm box, korisnik mora pritisnuti dugme "OK" ili "Cancel" da bi
nastavio. Ako je pritisnuo dugme "OK", povratna vrijednost je true. Ako je
pritisnuo dugme "Cancel", povratna vrijednost je false.
Sintaksa: confirm("neki tekst")
• Prompt box se koristi kad želite da korisnik unese neku vrijednost prije nego
što pristupi stranici. Kad se pojavi prompt box, korisnik mora pritisnuti dugme
"OK" ili "Cancel", pošto je unio vrijednost. Ako je pritisnuo dugme "OK",
povratna vrijednost je true. Ako je pritisnuo dugme "Cancel", povratna
vrijednost je false.
Sintaksa: prompt("neki tekst","početna vrednost")
Naredba za gumb
<form>
<input type="button" onclick=„događaj na klik" value=„natpis na
gumbu">
</form>

Osnove JavaScripta

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Osnove JavaScripta

Uploaded by

Copyright:

Available Formats

Osnove JavaScripta

Uči se kao svaki drugi programski jezik

•provjerila identičnost stringa, npr. provjera zaporke

You might also like