Definire Variabile si Constante

In aceasta lectie veti invata despre variabile si constante, elemente de baza ale programari, care sunt necesare pentru a scrie un script. Aceste elemente sunt similare cu cele din PHP si alte limbaje de programare.

Definire si utilizare variabile

Variabilele sunt nume stocate in memorie la care se atribue /memoreaza diferite date.
In JavaScript variabilele se pot defini folosind declaratia: var sau let.

var name ='Value';
//Sau
let name ='Value';

- Unde 'name' este numele variabilei, iar 'Value' este valoarea atribuita.

Variabilele se folosesc specificand numele lor, si rezulta valoarea care este atribuita.

<script>
let tjs = 'Tutorial JavaScript - Variabile';
document.write(tjs);
</script>

Diferenta dintre var si let

Cu var se definesc variabile Globale, valabile in tot scriptul si care pot fi apelate si modificate in alte sectiuni (corpuri separate) din script; sau Locale, valabile in corpul functiilor.
Declaratia let permite definirea de variabile care sunt limitate la sectiunea /scopul, expresia unde au fost definite.

- Se poate intelege diferenta dintre 'var' si 'let' din aceste doua exemple similare.
1. Exemplu cu "let":

<script>
let xn = 1;

if(xn ==1){
 let xn =2;
}

document.write(xn); // 1
</script>

2. Exemplu cu "var":

<script>
var xn = 1;

if(xn ==1){
 var xn =2;
}

document.write(xn); // 2
</script>

Tipuri de valori si Variabile

Sunt mai multe tipuri de date care se pot atribui la variabile. Tipul valorii adaugate determina tipul variabilei.

string (sir) - Valori de tip text, adaugate intre ghilimele simple sau duble.
var x = 'Site MarPlo.net';
number - Numere intregi sau cu zecimale.
```
var x = 8;
var y = 7.95;
```
booleen - Valoarea true sau false.
```
var x = true;
var y = false;
```
array - Mai multe valori ordonate cu index numeric.
```
let x = ['ab', 78, 'xy'];
alert(x[1]); // 78
```
object - Un obiect de date care poate contine proprietati si functii.
var x = {prop1:'ab', p2:78};
function - O functie, care poate returna o valoare (cu return).
```
var fun = function(){
 return 'Value';
};
```
undefined - Variabila declarata fara vreo valoare.
let x;
null - Valoare nula, anulata.
var x = null;

In JavaScript tipul unei variabile poate fi schimbat pe parcursul codului.

<script>
var x; //acum e undefined

x = 5; //acum e number
document.write(x);

x = '<h4>MarPlo</h4>'; //acum e string
document.write(x);
</script>

Definire si utilizare Constante

Constante se definec cu declaratia: const.
Spre deosebire de variabile, valoarea unei constante nu poate fi schimbata si nu poate fi redeclarata, valoarea lor ramane aceeasi, fixa.

const X = 'MarPlo';

//schimband valoarea, rezulta eroare in consola
X ='abc';

//redeclarare, rezulta eroare in consola
const X = 123;

Ca si variabilele, constantele se folosesc specificand numele lor, si rezulta valoarea care este atribuita.

<script>
const TJC = 'Tutorial JavaScript - Constante';
document.write(TJC);
</script>

<<-Sintaxa JavaScript -- Operatori in JavaScript->>

Un Test simplu in fiecare zi

HTML

CSS

JavaScript

PHP-MySQL

Engleza

Spaniola

Care tag afiseaza textul oblic?

<p>Cursuri, Jocuri, Anime: <em>www.MarPlo.net</em></p>

Care proprietate CSS defineste spatiul dintre continutul elementului si bordura lui?

margin padding position

h3 {
  padding: 2px 0.2em;
}

Clic pe metoda ce returneaza primul element indicat de selectorii specificati.

getElementsByName() querySelector() querySelectorAll()

// preia primul Div cu class="cls", si afiseaza continutul
var elm = document.querySelector("div.cls");
alert(elm.innerHTML);

Indicati variabila PHP ce contine datele din formular trimise cu method="post".

$_SESSION $_GET $_POST

if(isset($_POST["field"])) {
  echo $_POST["field"];
}

Indicati pronumele corespunzator celui din paranteza in propozitia: "(Noi) speak english".

I They We

We speak english.
- Noi vorbim engleza.

Indicati pronumele corespunzator celui din paranteza in propozitia: "(Noi) hablamos español".

Ellos Vosotros Nosotros

Nosotros hablamos español.
- Noi vorbim spaniola.