Fise de lucru JavaScrip - js3

Administrator Data inscrierii: 07/Dec/2013 Mesaje: 1103

Citat:

Instructiunile conditionale Conditional Statements

Adesea in scrierea codului, doriti ca anumite actiuni sa aiba loc doar in anumite situatii, in urma unor decizii. Se pot folosi instructiunile conditionale pentru aceasta.
In JavaScript sunt urmatoarele instructiuni conditionale:
• instructiunea if – se foloseste daca doriti sa executati un bloc de instructiuni in cazul in care o anumita conditie este adevarata
• instructiunea if...else – se foloseste daca doriti sa executati un bloc de instructiuni in cazul in care conditia este adevarata si alt bloc de instructiuni pentru cazul in care este falsa
• switch statement - use this statement if you want to select one of many blocks of code to be executed
• instructiunea switch – se foloseste daca doriti sa selectati unul din mai numeroase blocuri pentru a fi executat

If Statement

Instructiunea if

Instructiunea if se foloseste daca doriti sa executati un bloc de cod daca o anumita conditie este adevarata
if (conditie)
{
cod de executat pentru conditie=true
}

In exemplul urmator se creaza o variabila pentru stocarea datei si orei dupa care este verificata ora daca e mai devreme de 10.

<script type="text/javascript">
//Afiseaza "Buna dimineata "
//daca timpul time < 10
var d=new Date();
var time=d.getHours();

if (time<10)
{
document.write("<b>Good morning</b>");
}
</script>
Observati ca nu exista .. else .. in sintaxa. Doar specificati codului sa execute un bloc de cod numai daca conditia specificata e adevarata.

Instructiunea if...else

Daca doriti sa executati un bloc de cod pentru cazul in care o conditie e adevarata si un alt bloc de cod pentru cazul in care conditia e falsa, folositi instructiunea if...else.

if (conditie)
{
cod de executat pentru conditie=true
}
else
{
cod de executat pentru conditie=false
}

Observati ca spre deosebire de instructiunea if simpla pentru care se poate sa nu se execute cod, in cazul in care conditia este falsa, pentru instructiunea if ... then ...else se executa cod in orice situatie, pentru ca intr-adevar vom avea fie false fie true.

<script type="text/javascript">
var d = new Date();
var time = d.getHours();

if (time < 10)
{
document.write("Buna dimineata!");
}
else
{
document.write("Buna ziua!");
}
</script>

De aceasta data se verifica ora si daca e mai putin de zece se afiseaza "Buna dimineata" iar daca e mai mult de 10 se afiseaza "Buna ziua".

Instructiunea switch

Instructiunea switch se foloseste in cazul in care doriti sa selectati unul din mai multe blocuri de cod de executat.

switch(n)
{
case 1:
se executa bloc 1
break;
case 2:
se executa bloc 2
break;
default:
cod de executat pentru cazuri diferite de 1: si 2:
}

Iata cum functioneaza:
Mai intai avem o singura formă n(cel mai adesea o variabila), care este evaluata o data. Valoarea expresiei este comparata cu fiecare valoare corespunzatoare unui bloc de executat. In cazul in care valoarea se potriveste atunci blocul asociat acelei valori se executa. Se foloseste break pentru a stopa executarea automata a urmatorului caz.

In exemplul urmator se afla data si daca numarul corespunzator zilei (ziua) coincide cu numarul din structura switch atunci se executa codul corespunzator acelei zile din saptamana.

<script type="text/javascript">

//vei primi o atentionare in functie
//de ziua in care esti. Zilele sunt numerotate //astfel:Duminica=0, Luni=1, Marti=2, etc.

var d=new Date();
ziua=d.getDay();
switch (ziua)
{
case 5:
document.write("In sfarsit Vineri");
break;
case 6:
document.write("Uraa Sambata");
break;
case 0:
document.write("Duminica - somn");
break;
default:
document.write("Abia astept weekend-ul!");
}
</script>

Casete de dialog:

Alert

O caseta de dialog alert este folosita mai ales atunci cand dorim sa fim siguri ca o anumita informatie ajunge la utilizator. Cand apare caseta de dialog se apasa pe butonul OK pentru a continua.
alert("text de afisat");

Confirm

O caseta de dialog confirm este folosita cand dorim ca utilizatorul sa verifica sau sa accepte ceva. Pentru a continua se apasa fie ok fie cancel. Daca se apasa ok, caseta returneaza true iar daca se apasa cancel caseta returneaza false.
confirm("text de afisat");

Exemplu:

<html>
<head>
<script type="text/javascript">
function disp_confirm()
{
var r=confirm("Press a button");
if (r==true)
{
document.write("You pressed OK!");
}
else
{
document.write("You pressed Cancel!");
}
}
</script>

</head><body>

<input>

</body></html>

Prompt

O caseta prompt se foloseste cand doriti ca utilizatorul sa introduca o valoare. Daca se apasa ok atunci caseta returneaza valoarea introdusa. Daca se apasa cancel caseta returneaza null.
prompt("text explicativ","valoare de introdus implicita");

<html>
<head>
<script type="text/javascript">
function disp_prompt()
{
var name=prompt("Please enter your name","Harry Potter");
if (name!=null && name!="")
{
document.write("Hello " + name + "! How are you today?");
}
}
</script>
</head>
<body>

<input>

</body>
</html>

Exercitiu

Ecuatia de gradul 2.

Este un exemplu util pentru ca desi rezolvarea ecuatiei de gradul 2 presupune doar cativa pasi, sunt mai multe conditii de verificat.

Reamintim rezolvarea ecuatiei ax2+bx+c=0
Se dau a, b, c numere naturale (intregi)

pas1: se verifica daca a diferit de 0.
caz 1 a=0 se discuta ecuatia de gr I bx+c=0
caz 2 a <0> 0?
caz 1
D <0>= 0 se calculeaza
x1=(-b+math.sqrt(D))/(2*a)
x2=(-b+math.sqrt(D))/(2*a)

Se afiseaza cele doua radacini.