JavaScript Home

JavaScript Home
JavaScript Tutorijal
JavaScript je najpopularniji programski jezik na svetu.
JavaScript je programski jezik Web-a.
JavaScript je lako naučiti.
Ovaj tutorijal će Vas naučiti JavuScript od osnova do

naprednog programiranja.
Primeri u svakom poglavlju

Sa našim “Try it Yourself” editorom, mozeš ediotvati kod I
videti rezultat.
Koristite meni
Preporučujemo da čitate ovaj vodič u redosledu
navedenom u meniju.
Ako imate veliki ekran meni će uvek biti prisutan sa leve
strane.
Ako imate mali ekran otvorite meni klikom na gornji znak
menija ☰.
Učite na primerima
Primeri su bolji od 1000 reči.
Primeri su cesto lakse razumljivi od tekstualnih objasnjenja.
Ovaj vodic dopunjava sva pojasnjenja objasnjavanjem
primera “Try Yourself”.
Zašto učiti JavaScript?

JavaScript je jedan od tri programskih jezika koja svi veb
programeri trebaju naučiti:
1.Html
2.CSS
3.JavaScript
Brzina Učenja
U ovom tutorijalu, brzina učenja je tvoj izbor.
Sve zavisi od Vas.
Ako se mučite napravite pauzu ili ponovo pročitajte
materijal.
Uvek se uverite da razumete sve primere „Try it Yourself“.
Jedini način da postanete pametan programer je da
vežbate.
Često postavljena pitanja

 Kako da dobijem JavaScript?
 Gde mogu da skinem JavaScript?
 Da li je JavaScript besplatna?
Ne morate da preuzimate JavaScript.

JavaScript je već pokrenut u vašem pregledaču na
računaru, tabletu, i telefonu.
JavaScript je besplatna za svakoga.
JavaScript Reference
W3Schools održava potpunu JavaScript referencu,
uključujući sve HTML I objekte pregledača.
Referenca sadrži primere za sva svojstva, metode I
dogadjaje I stalno se ažurira prema najnovijim veb
standardima.
JavaScript Introduction
JavaScript može da promeni HTML

sadržaj
Jedna od mnogih JavaScript metoda je GetElementById().
Primer ispod „pronalazi“ HTML element (sa id=”demo“), I
menja sadržaj elementa (innerHTML) u “Hello JavaScript”:
Primer
document.getElementById("demo").innerHTML="HelloJavaScript";
JavaScript može promeniti vrednost
HTML atributa
U ovom primeru JavaScript menja vrednost src (source)
atributa u <img> tag:
Sijalica
JavaScript može da promeni HTML

stilove (CSS)
Promena stila HTML elementa je varijanta promene HTML
atributa:
Primer
document.getElementById("demo").style.fontSize = "35px";
JavaScript može sakriti HTML
elemente
Prikayivanje skrivenih HTML elemenata takođe se može
uraditi promenom stila prikaza:
Primer
document.getElementById("demo").style.display = "block";
JavaScript Where To
The <script> tag

U HTML-u, JavaScript kod se unosi između <script> I
</script> tagova.
Primer
<script>
document.getElementById("demo").innerHTML = "My First JavaScript";
</script>
JavaScript u <head> ili <body>
U HTML dokumentu možete staviti bilo koj broj skripti.
Skripta može biti postavljena u <body> ili u <head>
sekciji HTML strane, ili u obe.
JavaScript u <head>
U ovom primeru JavaScript funkcija je smeštena u odeljak
<head> HTML stranice.
Funkcija se poziva kada se pritisne dugme:
Primer
<!DOCTYPE html>
<html>
<head>
<script>
function myFunction() {
document.getElementById("demo").innerHTML = "Paragraph changed.";
}
</script>
</head>
<body>
<h2>Demo JavaScript in Head</h2>
<p id="demo">A Paragraph</p>
<button type="button" onclick="myFunction()">Try it</button>
</body>
</html>
JavaScript u <body>
U ovom primeru JavaScript funkcija je smeštena u odeljak
<body> HTML stranice.
Funkcija se poziva kada se pritisne dugme:
Primer
<!DOCTYPE html>
<html>
<body>
<h2>Demo JavaScript in Body</h2>
<p id="demo">A Paragraph</p>
<button type="button" onclick="myFunction()">Try it</button>
<script>
}
</script>
</body>
</html>
Spoljni JavaScript
}
Spoljna skripta se koristi kada nam treba isti kod u više

različitih web stanica.
JavaScript fajl ima ekstenyiju .js.
Da bi koristili spoljnu skriptu, stavite naziv datoteke skripte
u atribut src (source) u <script> tagu:
Primer
<script src="myScript.js"></script>
Prednosti spoljnog JavaScripta

Prednosti kod postavljanja skripti u spoljne fajlove:
 Odvaja HTML I kod
 Lakše je čitati HTML I JavaScript
 Keširani JavaScript faljlovi mogu ubrzati učitavanje
stranice.
Da biste dodali nekoliko datoteka ckripti na jednu
stranicu- koristite nekoliko oznaka skripte:
<script src="myScript1.js"></script>
<script src="myScript2.js"></script>
Spoljašnje reference
Spoljnja skripta se može referencirati na 3 različita načina:
 Sa punim URL-om (puna web stranica)
 Sa putanjom do datoteke (poput /js/)
 Bez ikakve putanje
Ovaj primer koriti ceo URL link do myScript.js:
<script src="https://www.w3schools.com/js/myScript.js"></script>
Ovaj primer koristi putanju datoteke da bi povezao sa

myScript.js:
<script src="/js/myScript.js"></script>
Ovaj primer ne koristi putanju da bi povezao myScript.js:

<script src="myScript.js"></script>
JavaScript izlaz
Mogućnosti prikaza JavaScript-a

JavaScript može prikazati podatke na različite načine:
 Pisanje u HTML elementu, pomoću innerHTML.
 Pisanje u HTML izlazu pomoću document.write().
 Pisanje u okviru upozorenja pomoću window.alert().
 Pisanje u pretraživačkoj konzoli pomoću console.log().
Pomoću innerHTML
Za pristup HTML element JavaScript može koristiti metod
document.getElementById(id).
Primer
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>

<p>My First Paragraph</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = 5 + 6;
</script>
</body>
</html>
Pomoću document.write()
Za potrebe testiranje pogodno je koristiti document.write()
Primer
<!DOCTYPE html>
<html>
<body>

<p>My first paragraph.</p>
<script>
document.write(5 + 6);
</script>
</body>
</html>
Pomoću window.alert()
Za prikaz podataka možete koristiti okvir sa upozorenjim:
Primer
<!DOCTYPE html>
<html>
<body>

<p>My first paragraph.</p>
<script>
window.alert(5 + 6);
</script>
</body>
</html>
Pomoću console.log()
U svrhu otklanjanja grešaka, možete pozvati motodu
console.log() u pregledaču za prikaz podataka.
<!DOCTYPE html>
<html>
<body>
<script>
console.log(5 + 6);
</script>
</body>
</html>
JavaScript štampanje
JavaScript nema nijedan objekat štampanja ili metode
štampanja.
Ne možete pristupiti izlaznim uredjajima sa JavaScripta.
Jedini izuzetak je to sto možete pozvati metodu
window.print() u pregledaču da biste odštampali sadržaj
trenutnog prozora.
Primer
<!DOCTYPE html>
<html>
<body>
<button onclick="window.print()">Print this page</button>
</body>
</html>
JavaScript izjave
Primer
let x, y, z; // Statement 1
x = 5; // Statement 2
y = 6; // Statement 3
z = x + y; // Statement 4
JavaScript program
Računarski program je lista “instrukcija” koju treba “izvršiti”
računar.
U programskom jeziku se ova upustva nazivaju naredbe.
JavaScript program je lista programskih izjava.
JavaScript izjave
JavaScript izjave se sastoje od:
Vrednosti, operatora, izraza, kljičnih reči I komentara.
Ova izjava govori pretraživaču da napiše “Hello Dolly”
unutar HTML elementa sa id=”demo”:
document.getElementById("demo").innerHTML = "Hello Dolly.";
Semicolons ;

JavaScript Home

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

JavaScript Home

Uploaded by

Copyright:

Available Formats

JavaScript Home

JavaScript je programski jezik Web-a.

JavaScript je lako naučiti.

Ovaj tutorijal će Vas naučiti JavuScript od osnova do

Primeri u svakom poglavlju

Zašto učiti JavaScript?

Često postavljena pitanja

Ne morate da preuzimate JavaScript.

JavaScript može da promeni HTML

JavaScript može da promeni HTML

The <script> tag

<h2>Demo JavaScript in Head</h2>

<h2>Demo JavaScript in Body</h2>

Spoljna skripta se koristi kada nam treba isti kod u više

Prednosti spoljnog JavaScripta

Ovaj primer koristi putanju datoteke da bi povezao sa

Ovaj primer ne koristi putanju da bi povezao myScript.js:

Mogućnosti prikaza JavaScript-a

<h1>My First Web Page</h1>

<h1>My First Web Page</h1>

<h1>My First Web Page</h1>

<button onclick="window.print()">Print this page</button>

You might also like