Java Script

Java Script
2 Predavanje Script tagovi

Aptana File New Web project
<body>
<script type="text/javascript">
document.write("Test.")
</script>
</body>
<script type="text/javascript"> Zelite provjeriti da li vas korisnik ima java

</script>
3 Predavanje Komentari
// Ovo je komentar u jednom redu
/ * ovo je komentar sa vise
redova */
4 Predavanje Varijable
var x = 10; //Sa razmacima
5 Predavanje Vise o varijablama

Postoje 4 vrste barijable: brojevi, stringovi, bool-eaani I NULL
var ime = Velimir; var istina = true; var istina = false; var prazna = null;
7 Predavanje - Prompt
var a = prompt("Unesite neki broj", "");
document.write("Unijeli ste: ",a);
alert(a); //Sa ispisemo broj alertom, iskacucim prozorom
8 Predavanje Spajanje stringova

alert("Unijeli ste broj" + a); //Sa razmacima
9 Predavanje Matematicki operatori
+,-,*,/, % (ostatak)
var c = a - b;
10 Predavanje IF izjava
Isto kao I u c++
11 Predavanje ELSE izjava

Isto kao I u c++
12 Predavanje Else if izjava

else if odvojeno
13 Predavanje Logicki operatori i operatori izjave

!=, ==, === (je striktno jednako), <, >, <=, >=, &&, ||
x += 2; // Povecavamo x za 2;
14 Predavanje Switch izjava

switch (x)
{
case 15:
document.write(Imate 15 godina);
break;
case 18:

default:
document.write(greska); //nema break;
}
16 Predavanje While petlja

while(i<x) { Ispisuje se dok je ispunjen uslov
document.write(i);
i++;
};
17 Predavanje Do while petlja

do { Razlika izmedju while I do while je u tome stp
document.write(i); se do while mora izvrsiti bar jednom, iako
i++; uslov nije ispunjen
} while (i<x);
18 Predavanje FOR petlja

Isto kao I u C++
22 Predavanje Event handler 1

Kako se nosi sa nekim akcijama na web stranici
/script>
<form>
<input type="submit" value="potvrdi" onClick="alert('Potvrdili ste formu');
alert('cestitamo')" />
</form>
</body>
23 Predavanje Event handler 2

<a href="https://www.youtube.com" onMouseOver="alert('Ovo je super stranica')"> Jutjub </a>
<a href="https://www.youtube.com" onMouseOut="alert('Ovo je super stranica')"> Jutjub </a>
<body onLoad="alert('Dobro dosli na stranicu')"> // Izvrsi se kad se ucita stranica
<body onUnload="alert('Dobro dosli na stranicu')"> //Trebalo bi da se izvrsi kada se ode sa
stranice, ali kod mene ne radi
24 Predavanje Nizovi
Pise se unutar script tagova
var ime = ["Marko", "Goran", "Simo", "Dragan"];
document.write(ime[0]);
ime[2] = Boris;
25 Predavanje - Vie naina kreiranja nizova

var ime = new Array("Simo", "Dragan", "Goran", "Predrag");
var ime = new Array();
26 Predavanje Funkcije u nizovima

var prviniz = new Array("Simo", "Dragan", "Goran", "Predrag");
var druginiz = new Array("Mladen", "Aleksandar", "Goran");
var cijeliniz = prviniz.concat(druginiz); Nadovezuje drugi u prvi niz
document.write(cijeliniz[6]); Ispisuje Goran
var skup = prviniz.join(); //Spaja sve elemente skpa u jedan string (Bice
Simo,Draga,Goran,Predrag)
var skup = prviniz.join('-'); //Bice Simo-Draga-Goran-Predrag
druginiz.pop(); //Uklanja zasnji element niza
27 Predavanje Funkcije u nizovima

prviniz.sort(); //Sortira niz po abecedi
prviniz.reverse(); //Obrne se niz.Prvi element postane zadnji, zadnji prvi itd
prviniz.push(Goran) //Dodaje element Goran na kraju niza
29 Predavanje For petlja i unos elemenata niza

var namirnice = new Array();
for(var i = 0;i < 3; i++) {
namirnice[i] = prompt("Unesite namirnicu", "");
}
30 Predavanje For petlja i ispis elemenata niza

var namirnice = new Array();
for(var i = 0;i < 3; i++) {
document.write(namirnice[i]);
}
32 Predavanje Funkcije
function ispis(){
document.write("ovo je neka funkcija");
}
ispis();
</script>
33 Predavanje Funkcije sa parametrom

function ispis(x){
document.write(x); //Ispisuje 10
}
ispis(10);
</script>
34 Predavanje Funkcije sa vise parametara i return
function ispis(x,y){
return x + y;
}
document.write(ispis(2,3));
</script>
35 Predavanje Lokalne I globalne varijable I funkcija unutar funkcije

Lokalna varijbla se deklarise unutar funkcije
37 Predavanje Uvod u objekte

Metoda je ono sto zahtijeva parameter. Objekat uvijek ide sa lijeve strane. Zahtijev, tj parameter
koji bi ta metoda zahtijevala, u zagradi
ruka.klikiNaMis(zivcaniimpuls); metoda
Gore mi kazemo nasoj ruci da klikne na mis. Ali ona na to kaze da joj treba jedan parameter.
Ruka.duzina - svojstvo
Ako nesto nema zagarade to je svojstvo, ako ma zagradu to je meotda.
var x = "ja sam neki tekst";
document.write(x); //document-objekt, write metoda,
document.write(x.length);
38 Predavanje Pravljenje vlastitih objekata

function izgradi(ime, prezime){
this.ime = ime;
this.prezime = prezime;
}
var ucesnik = new izgradi ("Marko", "Markovic");
document.write(ucesnik.ime);
</script>
39 Predavanje - Object initializeri

punoime = {ime:"Pero", prezime:"Peric"}; //Daje isti rezultat kao i u 38 predavanju
U prethonom moze napraviti koliko god objekata zelite. A Object initializeri se koriste ako imate
1 ili 2 specificna objekata.
40 Predavanje Kreiranje vlastitih metoda
Napravicemo funkciju I ta funkcija ce biti tijelo moje metode. Za svaku funkciju koju napravim cu
morati imati jedno tijelo
Funkcija doPenzije je zapravo metoda fukcije izgradi.
42 Predavanje Math objekti

document.write(Math.PI);
document.write(Math.sqrt(16));
43 Predavanje Date objekti

function vrijeme(){
document.write("Test.");
}
setInterval("vrijeme()",1000); Poziva funkciju vrijeme, I obavlja svakih 1000 ms(ili 1
</script> s)
Hourse /Aors/
<script type="text/javascript"> Kod mene ne

function vrijeme() { radi
var trenutno = new Date();
var sat = trenutno.getHours();
var minut = trenutno.getMinutes();
var sekunde = trenutno.getSeconds();
document.write(sat + ":" + minut + ":" + sekunde + <br />);
}
setInterval("vrijeme()", 1000);
</script>
d44 Predavanje Ucitavanje vrijednosti iz forme

<body>
<form>
<p> Ime: </p>
<input type="text" id="ime">
<p> Prezime: </p>
<input type="prezime" id="prezime"> <br />
<input type="submit" value="Potvrdi">
</form>
var i = document.forms[0].length; Dobicemo broj 3. Oznaka [0] se odnosi
document.write(i); na prvu formu u document, a unutar
</script> nje imamo 3 elementa (inputa)
45 Predavanje Validacija forme

Kako provjeriti da li je unseseno ista, da li su bilo koji nakovi uneseni
Java Script se koriste uglavnom za provjeravanje formi. Nema bas neke velike koristi od
matematike, uglavnom za validaciju forme. Problem je kod mozila sto ima dodatke koji zaobilaze
java script
<body>
<form>
<p> Ime: </p>
<input type="text" id="ime">
<p> Prezime: </p>
<input type="prezime" id="prezime"> <br />
<input type="submit" value="Potvrdi" onClick="provjeri();"/>
</form>
function provjeri(){
var ime = document.getElementById("ime").value;
var prezime = document.getElementById("prezime").value;
if(ime.length<=0){
alert("Molimo vas da upisite ime");
}
if(prezime.length <= 0){
alert("Molimo vas upisite prezime");
}
}
</script>
46 Predavanje Dobivanje formi

var ime = navigator.appName;
var verzija = navigator.appName;
var os = navigator.platform;
document.write(os);
</script>
U objektu navigator (sto jest browser) uzmi svojstvo koje se zove appname ili ime browsera.
Appversion verzija browsera

Java Script

Uploaded by

Document Information

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

Java Script

Uploaded by

Copyright:

Available Formats

Java Script

2 Predavanje Script tagovi

5 Predavanje Vise o varijablama

8 Predavanje Spajanje stringova

11 Predavanje ELSE izjava

12 Predavanje Else if izjava

13 Predavanje Logicki operatori i operatori izjave

14 Predavanje Switch izjava

16 Predavanje While petlja

17 Predavanje Do while petlja

18 Predavanje FOR petlja

22 Predavanje Event handler 1

23 Predavanje Event handler 2

25 Predavanje - Vie naina kreiranja nizova

26 Predavanje Funkcije u nizovima

27 Predavanje Funkcije u nizovima

29 Predavanje For petlja i unos elemenata niza

30 Predavanje For petlja i ispis elemenata niza

33 Predavanje Funkcije sa parametrom

35 Predavanje Lokalne I globalne varijable I funkcija unutar funkcije

37 Predavanje Uvod u objekte

38 Predavanje Pravljenje vlastitih objekata

39 Predavanje - Object initializeri

Funkcija doPenzije je zapravo metoda fukcije izgradi.

42 Predavanje Math objekti

43 Predavanje Date objekti

<script type="text/javascript"> Kod mene ne

d44 Predavanje Ucitavanje vrijednosti iz forme

45 Predavanje Validacija forme

46 Predavanje Dobivanje formi

You might also like