JavaScript Tutor
Lekcija 1
Lekcija 2
Lekcija 3
Lekcija 4
Lekcija 5
Lekcija 6
Lekcija 7
iDragstor Lab
|
|
|
Skupljanje podataka sa Prompt Dialog Box-om
Da obnovimo malo
Koristicemo primer iz predhodne lekcije kome je dodata jedna linija.
<HTML>
<HEAD>
</HEAD>
<BODY>
<script language = "JavaScript">
/*Prostor posle ovih kosih crtica je predvidjen za komentare. Browser ce ignorisati sve sto je ispisano izmedju.*/
document.write("Cao Svima!<BR>")
document.write("Bas je lep dan za JavaScript programiranje!<BR>")
</script>
</BODY>
</HTML>
JavaScript KOD je ispisan u okviru HTML-a i nalazi se u <script> tegu.
<skript> tag ima atribut language koji komanduje browser-u koji jezik da
tumaci. U nasem slucaju (JavaScript), vrednost atributa language
="JavaScript". JavaScript KOD se obicno smesta ili u <BODY> ili u <HEAD> tegu.
Mesto zavisi od slozenosti koda . Kada zelimo da ubacimo komentar u okviru koda
koristimo /* nakon cega browser ignosrise sve sto upisemo. Ovo je korisno prilikom pisanja
velikih programa kojima je potrebno razjasnjenje koda.
Sta je to Prompt dialog box(Prompt kutija)
Promt dialog box je objekat pomocu kojeg mozemo da prikazujemo poruke na stranicama
ili da uzimamo podatke od korisnika. Kada korisnik unese neke podatke u Prompt dialog
box ti podaci mogu da se skladiste u variablu i kasnije iskoriste u programiranju.
Evo kako izgleda komanda:
prompt("argument1","argument2")
argument1 - prestavlja poruku koju cemo prikazati korisniku
argument2 - prestavlja tekst u tekst kutiji koji korisnik treba da unese
Da uradimo odmah jedan primer pa ce sve biti jasnije:
<HTML>
<HEAD>
</HEAD>
<BODY>
<script language = "JavaScript">
prompt("Molimo vas da unesete vase ime ovde i pritisnite OK:","Vase Ime")
</script>
</BODY>
</HTML>
Kada startujete ovaj kod pojavice vam se "prompt dialog box" koji ce ocekivati
da upisete vase ime i pritisnete "OK" dugme. Nakon sto pritisnete dugme
pojavice vam se prazan ekren. To je zato sto jos nismo isprogramirali reakciju
naseg KOD-a na korisnikovo upisivanje imena. To cemo uciniti u sledecem primeru.
Nakon sto korisnik upise svoje ime u prompt i pritisne "OK" mi zelimo da to prikazemo u novom prozoru.
Prikazivanje teksta na ekranu
Za prikazivanje teksta na ekranu koristi se naredba document.write(). Ova
komanda daje uputstvo browser-u da prikaze na ekranu sve sto je izmedju zagrade.
Naprimer:
>
document.write("Cao Svima") Ova linija ce ispisati tekst: Cao Svima na ekranu
Osim za prikazivanje unapred definisanog teksta kao "Cao Svima" ova komanda se moze koristiti u kombinaciji sa
prompt komandom za prikazivanje teksta koji je korisnik uneo u prompt dialog box.
Pogledajmo sledeci primer:
<HTML>
<HEAD>
</HEAD>
<BODY>
<script language = "JavaScript">
document.write(prompt("Molimo vas da unesete vase ime ovde i pritisnite OK:","Vase Ime"))
</script>
</BODY>
</HTML>
Ako ste pravilno upisali KOD trebalo bi da vam se pojavi ista prompt dialog box
kao iz predhodnog primera u koju treba da upisete vase ime. Nakon sto
upisete ime i kliknete "OK" dugme to ime ce se pojaviti u sledecem ekranu
jer ga tamo upisuje document.write() komanda.
Skladistenje podataka iz Prompt kutije u variablu
U programiranju se cesto koriste variable ili promenjljive. Variable vam omogucuje
da smestite podatke tako da program moze kasnije da ih koristi referencirajuci
variablu koja sadrzi te podatke. U nasem primeru koristicemo variablu "ime"
da smestimo sadrzaj ili podatke koji dolaze iz prompt kutije
var ime = prompt("argument1","argument2")
Ova komanda ce upistai vrednost iz prompt kutije u variablu pod imenom "ime". Ako zelimo da
prikazemo sadrzaj variable na ekranu posluzicemo se document.write() komandom
na ovaj nacin:
document.write(ime)
Pogledajmo sada ceo primer:
<HTML>
<HEAD>
</HEAD>
<BODY>
<script language = "JavaScript">
var ime =
prompt("Molimo vas da unesete vase ime ovde i pritisnite OK:","Vase Ime")
document.write(ime)
</script>
</BODY>
</HTML>
Modifikacija i dodavanje teksta
Ako bismo zeleli da promenimo ili dodamo poruku na ekranu pomocu komande
document.write() morali bismo da se posluzimo sa znakom "+" za dodavanje
teksta. Kada se koristi "+" moze se dodavati tekst ili variabla. Pravilo
za prikazivanje teksta je da mora biti uvek izmedju znaka navoda a variabla se
nikada ne stavlja izmedju navodnicima. U sledecdm primeru cemo zameniti:
document.write(ime) sa
document.write("Cao " + ime + " i dobro dosao na JavaScript tutor" )
Probajte ovo u sledecem primeru:
<HTML>
<HEAD>
</HEAD>
<BODY>
<script language = "JavaScript">
var ime =
prompt("Molimo vas da unesete vase ime ovde i pritisnite OK:","Vase Ime")
document.write("Cao " + ime + " i dobro dosao na JavaScript tutor")
Kraj druge lekcije ..
Cestitamo Vam! To je kraj lekcije o prompt kutijama i prikazivanju teksta na ekranu.
U sledecoj lekciji cete nauciti vise o variablama i tipovima podataka koji
se smestaju u variable. Srecno!
|
|
|
