Curs Javascript


Cu ajutorul instructiunilor conditionale putem face programele sa testeze diferite conditii dupa care sa decida datele care vor fi executate.
In Javacript sunt urmatoarele instructiuni conditionale:


Instructiunea if()

Sintaxa:
if(conditie){
 //Codul care va fi executat daca este adevarata conditia
}
- Unde 'conditie' poate fi orice expresie logica.
Daca rezultatul conditiei este TRUE se executa codul dintre acolade, in caz contrar, cand conditia returneaza FALSE, se trece peste acest cod.

- Exemplu, urmatorul script afiseaza "Buna ziua" daca ora este mai mare decat 11.
<script>
// daca ora > 11, va scrie in fereastra: Buna ziua
let ora = 12;
if(ora >11){
 document.write('<h4>Buna ziua!</4>');
}
</script>

Instructiunea if().. else

In exemplul anterior am vazut ca este afisat "Buna ziua" daca ora > 11, iar in caz contrar nu se intampla nimic.
Folosind instructiunea "if().. else" putem stabili comenzi care sa fie executate cand conditia instructiunii "if" este FALSE.

Sintaxa:

if(conditie){
 //codul care va fi executat daca este adevarata conditia
}
else {
 //codul care va fi executat daca conditia este falsa
}
- Unde 'conditie' poate fi orice expresie logica.
Daca rezultatul conditiei este TRUE se executa codul dintre primele acoladele, care apartin de "if", in caz contrar, cand conditia returneaza FALSE, sunt executate comenzile din a doua grupa de acolade (de la else).

- Iata un exemplu practic. Urmatorul script afiseaza "Buna ziua" daca ora este mai mare decat 11, in caz contrar afiseaza 'Este ora ...'
Se foloseste obiectul Date() care determina data si ora curenta (va fi explicat mai amanuntit in alta lectie).
<script>
// daca ora > 11, va scrie in fereastra: Buna ziua
// Alfel afiseaza: Este ora ...
var d = new Date();
let ora = d.getHours();
if(ora >11){
 document.write('<h4>Buna ziua</h4>');
}
else {
 document.write('<h4>Este ora '+ora+'</h4>');
}
</script>

Instructiunea else if()

Instructiunea else if() se adauga dupa if(), si inainte de 'else'.
Aceasta instructiune se foloseste pentru a verifica o alta conditie dupa 'if()', ca sa fie rulat un alt cod cand conditia de la 'if()' este FALSE, iar conditia de la else if() este TRUE (adevarata).

Sintaxa:
if(conditie_1){
 //codul care va fi executat daca este adevarata conditia
}
else if(conditie_2){
 //cod executat cand conditie_1 e FALSE iar conditie_2 e adevarata
}
else {
 //codul care va fi executat cand ambele: conditie_1 si conditie_2 sunt FALSE
}
- Unde 'conditie_1' si 'conditie_2' poate fi orice expresie logica.
Se evaluata intai 'conditie_1', daca rezultatul este TRUE se executa codul de la if(). Dar daca este FALSE, programul evalueaza urmatoarea conditie, de la else if() (conditie_2). Daca aceasta este adevarata se executa codul dintre acoladele ei, dar daca si aceasta e FALSE, sunt executate comenzile de la 'else'.

- Exemplu, urmatorul script afiseaza "Buna dimineata" daca ora este mai mare decat 5 si mai mica decat 11, in caz contrar, daca ora este intre 11 si 19 afiseaza "Buna ziua", altfel, afiseaza: 'Este ora ...'
<script>
//daca ora e intre 5 si 11, va scrie: Buna dimineata
//daca ora e intre 11 si 19, va scrie: Buna ziua
//Alfel afiseaza: Este ora ...
var d = new Date();
let ora = d.getHours();
if(ora >5 && ora <11){
 document.write('<h4>Buna dimineata</h4>');
}
else if(ora >=11 && ora <19){
 document.write('<h4>Buna ziua</h4>');
}
else {
 document.write('<h4>Este ora '+ora+'</h4>');
}
</script>

Dupa instructiunea if() se pot adauga mai multe serii de instructiuni else if(); iar 'else' este optional.


Instructiunea switch

Instructiune switch e folosita pentru a compara o valoare cu o lista de alte valori.
Sintaxa:

switch(expresie) {
case valoare1:
 cod executat daca expresie = valoare1
 break;
case valoare2:
 cod executat daca expresie = valoare2
 break;
case valoare3:
 cod executat daca expresie = valoare3
 break;
default :
 cod executat daca expresie e diferit de valoare1, valoare2 sau valoare3
}
- Prima data este evaluata expresia scrisa intre paranteze rotunde (de la switch()), apoi valoarea expresiei este comparata pe rand cu fiecare valoare de la 'case'. Daca se gaseste o identitate se executa codul asociat acelui 'case'. Apoi se iese din instructiunea "switch".
Daca, parcurgand fiecare "case", nu se gaseste nici o egalitate, se executa codul de la 'default'.
Prin folosirea lui 'break' se opreste parcurgerea corpului instructiunii atunci cand s-a gasit o valoare egala cu 'expresie' si se iese din "switch".

- Iata un exemplu de script care afiseaza un mesaj in functie de zilele saptamanii.
<script>
var d = new Date();
var ziua = d.getDay();
switch(ziua){
case 5:
 document.write('Astazi e vineri');
 break
case 6:
 document.write('Astazi e sambata');
 break
case 0:
 document.write('Astazi e duminica');
 break
default:
 document.write('Mai e pana sambata');
}
</script>
- Iata inca un exemplu cu "switch", de data aceasta foloseste valori de tip sir (string).
<script>
var nume ='Marius';
switch(nume){
case 'Cristi':
 document.write('Coleg');
 break
case 'Marius':
 document.write('Frate');
 break
case 'Maria':
 document.write('Sora');
 break
default:
 document.write('Altcineva');
}
</script>

Un Test simplu in fiecare zi

HTML
CSS
JavaScript
PHP-MySQL
Engleza
Spaniola
Ce tag se foloseste pentru a adauga liste in elemente <ul> si <ol>?
<dt> <dd> <li>
<ul>
 <li>http://coursesweb.net/html/</li>
 <li>http://www.marplo.net/html/</li>
</ul>
Care valoare a proprietatii "display" seteaza elementul ca tip bloc si afiseaza un punct in fata?
block list-item inline-block
.some_class {
  display: list-item;
}
Care instructiune JavaScript transforma un obiect in sir JSON.
JSON.parse() JSON.stringify eval()
var obj = {
 "courses": ["php", "javascript", "ajax"]
};
var jsonstr = JSON.stringify(obj);
alert(jsonstr);    // {"courses":["php","javascript","ajax"]}
Indicati clasa PHP folosita pentru a lucra cu elemente HTML si XML in PHP.
stdClass PDO DOMDocument
$strhtml = '<body><div id="dv1">CoursesWeb.net</div></body>';
$dochtml = new DOMDocument();
$dochtml->loadHTML($strhtml);
$elm = $dochtml->getElementById("dv1");
echo $elm->nodeValue;    // CoursesWeb.net
Indicati forma de Prezent Continuu a verbului "to live" (a trai /a locui)
lived living liveing
I`m living here.
- Traiesc /Locuiesc aici.
Care este forma de Gerunziu (sau Participiu Prezent) a verbului "vivir" (a trai /a locui)?
vivió vivido viviendo
Estoy viviendo aquí.
- Traiesc /Locuiesc aici.
Instructiuni conditionale if() else, switch

Last accessed pages

  1. Trecut nedefinit vs Imperfect (3633)
  2. Por sau para: Exercitiu 1 (3121)
  3. Indicativ prezent (1525)
  4. Teste spaniola - Tests y ejercicios de Español - Gramática (27655)
  5. Numerale, Numere in limba engleza - Numerals (52661)

Popular pages this month

  1. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (678)
  2. Coduri pt culori (303)
  3. Exercitii engleza - English Tests and exercises - Grammar (301)
  4. Gramatica limbii engleze - Prezentare Generala (295)
  5. Cursuri limba engleza gratuite si lectii online (272)