JavaScript Tutor
Lekcija 1
Lekcija 2
Lekcija 3
Lekcija 4
Lekcija 5
Lekcija 6
Lekcija 7
iDragstor Lab
|
|
|
Aritmeticke Operacije i Manipulacija Teksta
Aritmeticke Operacije - Primena JavaScripta za kalkulacije brojevima
Pod kalkulacijama podrazumevamo osnovne matematicka operacije kao sto
su sabiranje, oduzimanje, mnozenje i deljenje pomocu aritmetickih
operatera +,-,*,/. JavaScript tretira jednacine na principu matematickih
zakona tako da ako razumete proste matematicke jednacine razumecete
nacin na koji JavaScript funkcionise. U sledecem primeru mozete videti kako
JavaScrip-a sabira i oduzima.
<HTML>
<HEAD>
</HEAD>
<BODY>
<script language = "JavaScript">
var pocetak = parseInt(prompt("Koliko jos dana do pocetka sledece nedelje", "broj dana"))
var kraj = parseInt(prompt("Koliko jos dana do kraja sledece nedelje", "broj dana"))
var brojdana = kraj-pocetak
document.write("Sledeca nedelja ima " + brojdana + " dana.")
brojdana = brojdana + 5
document.write("5 dana posle kraja sledece nedelje bice " + brojdana + " dana.")
</script>
</BODY>
</HTML>
U prvoj prompt kutiji pitamo korisnika da unese broj dana do pocetka sledece nedelje (ako
je danas cetvrtak bilo bi 3 dana do ponedeljka), recimo primera
radi da je korisnik uneo 3. Taj broj se smesta u variablu pod imenom pocetak. Nakon toga pitamo
korisnika da unese broj dana do kraja sledece nedelje, recimo da unese 10. Taj broj se smesta
u variablu pod imenom kraj. Sledeca stvar program vrsi kalkulaciju kraj-pocetak da izracuna
broj dana (10-3 u nasem primeru) i smesta broj u variablu brojdana. Taj broj se prikazuje na ekranu
i sledeca stvar program dodaje broj 5 u jednacini brojdana = brojdana + 5 da bi izracunao
koliko je vrednost brojdana uvecana za 5 tako da je konacan rezultat 12.
Mnozenje i deljenje se vrsi na isti nacin. U sledecem primeru pitacete korisnika koliko dana
dugo ce trajati sledeci godisnji odmor da biste izracunali broj sati i broj godina:
<HTML>
<HEAD>
</HEAD>
<BODY>
<script language = "JavaScript">
var dani = parseInt(prompt("Koliko dugo ce trajati vas sledeci godisnji odmor", "broj dana"))
var sati = dani * 24
var godine = dani / 365
document.write("Sledeci gidisnji Odmor ce trajati " + sati + " sati.<br>")
document.write("Sledeci gidisnji Odmor ce trajati " + godine + " godine.<br>")
</script>
</BODY>
</HTML>
Manipulacija Teksta
Manipulacija teksta u JavaScript-u vrsi se na veoma jednostavan nacin.
Kao sto smo vec videli da bi se dodala jedna rec drugoj koristi se znak+.
Mogu se dodavati variable koje imaju tekstualnu vrednost ili same reci:
var prva_rec = "pocetak recenice,"
var treca_rec = ",kraj recenice."
var recenica = prva_rec + " druga rec " + treca_rec (prva_rec i Treca_rec su variable)
u ovom primeru variabla recenica bi imala sledecu vrednost:
recenica = pocetak recenice, druga rec ,kraj recenice.
Pogledajte sledeci primer:
<HTML>
<HEAD>
</HEAD>
<BODY>
<script language = "JavaScript">
var Ime = prompt("Molimo vas unesite vase ime:", "Ime")
var Prezime = prompt("Molimo vas unesite vase prezime:", "Prezime")
document.write("Vase puno ime je: " + Ime + " " + Prezime +".<br>")
var Punoime = Ime + " " + Prezime
document.write("Ako koristire variablu Punoime dobicete isti rezultat: " + Punoime + ".<br>")
</script>
</BODY>
</HTML>
Tekst (ili string) kao objekat
Kada stavite neki tekst u variablu vi kreirate string (ili tekstualni) objekat u JavaScript-u
pod imenom te variable. Kao sto smo u prvoj lekciji naucili objekti imaju odredjene
osobine (properties) ili ponasanja (methods) koji se mogu manipulisati promenom njihove vrednosti.
Ove properties i methods se mogu referencirati tako sto se nakon imena objekta stavi
tacka i ime property(osobine) ili metoda tog objekta.object.property ili object.method
var ime = "Bojan Rasic"
duzina imena = ime.length (length je property ili osobina koja racuna broj karaktera u tekstu)
U sledecem primeru se utvrdjuje broj karaktera iz nekog teksta i onda taj broj
prikazuje na ekranu.
<HTML>
<HEAD>
</HEAD>
<BODY>
<script language = "JavaScript">
var grad = prompt("U kom gradu zivite", "Grad")
var brojslova = grad.length
document.write("Grad u kojem zivite " + grad + " sadrzi " + brojslova + " slova
u svom imenu.<br>")
</script>
</BODY>
</HTML>
Kao sto ste referencirali "length" property(osobinu) tako mozete referencirati
bilo koju drugu osobinu ili metodu. Recimo ako zelite da promenite boju odredjenog
teksta mozete se koristiri "fontcolor" metodom, string.font("color"). Pogledajte primer:
var sport = "vaterpolo"
document.write(sport.fontcolor("red")) pomocu ove linije mozete promeniti boju za text "vaterpolo" u crveno.
Evo jos nekoliko korisnih metoda.
Link, toUpperCase i toLowerCase motodi
Pomocu link metoda mozete uciniti da tekst funkcionise kao hypertext link. Link metod
sintaksa:
string.link(URL)
string je ime tekstualnog objekta posle cega se stavi .link i u zagradi URL ili adresa na
koju treba korisnik da bude poslat kad klikne na link.
var sport = "biciklizam"
sport.link("www.iDragstor.com/sport/biciklizam.htm")
toUpperCase metod se koristi kada zelimo da ucinimo da sva slova nekog teksta budu
velika. Obrnuto toLowerCase se koristi kada zelimo da sva slova u nekom tekstu budu mala.
Sintaksa za ove metode je:
string.toLowerCase()
string.toUpperCase
var sport = "Futbalki Teren"
documernt.write(sport.toLowerCase()) reultat: futbalski teren
documernt.write(sport.toUowerCase()) reultat: FUTBALSKI TEREN
Kraj cetvrte lekcije ..
Stigli ste na kraj 4. lekcije. Uradite sledeci primer pre nego sto predjete na sledecu lekciju.
u ovom primeru vezbacete Color, Link i toUpperCase metode.
<HTML>
<HEAD>
</HEAD>
<BODY>
<script language = "JavaScript">
var ime = prompt("kako se zovete", "Ime")
var grad = prompt("U kom gradu zivite", "Grad")
var boja_imena = ime.fontcolor("red")
var hotlink = grad.link("http://www.iDragstor.com")
var upper = grad.toUpperCase()
document.write("Dobrodosli " + boja_imena + " na JavaScript tutor.<br>")
document.write("Vas omiljeni grad je verovatno :" + upper + ".<br>")
document.write("Da dodjete na nasu homepage kliknite na " + hotlink + ".<b>")
</script>
</BODY>
</HTML>
|
|
|
