js2 - xivgimnazija.files.wordpress.com€¦  · web viewalert("dobrodosli u...

10
JS2 2019

Upload: others

Post on 22-Aug-2020

0 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: JS2 - xivgimnazija.files.wordpress.com€¦  · Web viewalert("Dobrodosli u JavaScript"); //Metoda confirm() traži od korisnika da pritisne dugme OK ili Cancel kako bi potvrdio

JS2 2019

Page 2: JS2 - xivgimnazija.files.wordpress.com€¦  · Web viewalert("Dobrodosli u JavaScript"); //Metoda confirm() traži od korisnika da pritisne dugme OK ili Cancel kako bi potvrdio

JS2 2019

<html><head>

<style>#deo { width: 100%;

border-radius: 5px;background-color: rgb(180,180,180);padding: 20px;}

input[type=text] { width: 50%; background-color: #3CBC8D; color: white; padding: 12px;}input[type=button] { background-color: #3CBC8D; border: none; color: white; padding: 16px; text-decoration: none; cursor: pointer;}</style>

<script language="JavaScript">function slanje(){var ime=(document.mojaforma.i.value); var pre=(document.mojaforma.p.value);alert(ime+" "+pre+" je naš IT stručnjak");}</script></head>

<body><div id="deo" align="center"><FORM name="mojaforma"><h2>Autorizacija</h2>

Page 3: JS2 - xivgimnazija.files.wordpress.com€¦  · Web viewalert("Dobrodosli u JavaScript"); //Metoda confirm() traži od korisnika da pritisne dugme OK ili Cancel kako bi potvrdio

JS2 2019

<br>IME <input type="text" name="i" size=20 ><BR><BR>PREZIME<input type="text" name="p" size=20><br><br><input type="button" value="Posalji" onClick="slanje()"><br><br></form></div>

</body>

Page 4: JS2 - xivgimnazija.files.wordpress.com€¦  · Web viewalert("Dobrodosli u JavaScript"); //Metoda confirm() traži od korisnika da pritisne dugme OK ili Cancel kako bi potvrdio

JS2 2019

Page 5: JS2 - xivgimnazija.files.wordpress.com€¦  · Web viewalert("Dobrodosli u JavaScript"); //Metoda confirm() traži od korisnika da pritisne dugme OK ili Cancel kako bi potvrdio

JS2 2019

Page 6: JS2 - xivgimnazija.files.wordpress.com€¦  · Web viewalert("Dobrodosli u JavaScript"); //Metoda confirm() traži od korisnika da pritisne dugme OK ili Cancel kako bi potvrdio

JS2 2019

<html><head><style>input[type=button] { width: 200px; background-color: #3CBC8D; color: white; padding: 10px; }</style>

<script language="javascript">

//Metoda alert() prikazuje poruku korisnikufunction Aprozor(){ alert("Dobrodosli u JavaScript");

}//Metoda confirm() traži od korisnika da pritisne dugme OK ili Cancel kako bi potvrdio ili otkazao operacijufunction Cprozor(){ var dn = confirm("Da li zelite da napustite stranicu?");

if (dn == true) {alert("Kliknuli ste OK!");

}else {

Page 7: JS2 - xivgimnazija.files.wordpress.com€¦  · Web viewalert("Dobrodosli u JavaScript"); //Metoda confirm() traži od korisnika da pritisne dugme OK ili Cancel kako bi potvrdio

JS2 2019

alert("Klinkuli ste Cancel!");}

}/*Metod prompt() ima dva parametra.Prvi je poruka koja se prikazuje korisniku, a drugi parametar je podrazumevani odgovor. Ako ne postoji podrazumevani odgovor, navodi se prazan niz " ". Pritiskom na dugme OK vraća se vrednost unetog znakovnog niza, a pritiskom na dugme Cancel, metod vraća null.*/function Pprozor(){ var ime = prompt("Vase korisnicko ime?", "Gost");

if (ime != null) {alert("Dobrodosli " +ime);

}

}

</script></head><body><form name="myform"><div align="center"><br><br><br><br><input type="button" name="but1" value="ALERT prozor" onclick="Aprozor()"><br><br>

<input type="button" name="but2" value="CONFIRM prozor" onclick="Cprozor()"><br><br>

<input type="button" name="but3" value="PROMPT prozor" onclick="Pprozor()"><br><br></div>

</form></body></html>

Page 8: JS2 - xivgimnazija.files.wordpress.com€¦  · Web viewalert("Dobrodosli u JavaScript"); //Metoda confirm() traži od korisnika da pritisne dugme OK ili Cancel kako bi potvrdio

JS2 2019

<html><head>

<style>#deo1 { width: 300px;

border-radius: 5px;background-color: rgb(200,200,200);padding: 20px;}

</style><script language="JavaScript">function Saberi(){var br1=parseInt(document.mojaforma.X.value); //konverzija u ceo brojvar br2=parseInt(document.mojaforma.Y.value);var ukupno=br1+br2;document.mojaforma.zbir.value = ukupno.toString();}</script>

</head>

<body><FORM METHOD="post" name="mojaforma"><div align="center"><div id="deo1" align="center">X &nbsp; = &nbsp;<input type="text" name="X" size=5>

Page 9: JS2 - xivgimnazija.files.wordpress.com€¦  · Web viewalert("Dobrodosli u JavaScript"); //Metoda confirm() traži od korisnika da pritisne dugme OK ili Cancel kako bi potvrdio

JS2 2019

<br><br>

Y &nbsp; = &nbsp;<input type="text" name="Y" size=5><br><br><input type="button" value="SABERI" name="dugme" onClick="Saberi()"><br><br>

REZULTAT &nbsp; = &nbsp;<input type="text" name="zbir" size=5><br></div></div></form>

</body>