Informatică Rețele

Introducere in JavaScript pentru interactivitate

JavaScript este un limbaj de programare care adaugă interactivitate paginilor web prin manipularea elementelor HTML și CSS. Rulează în browser-ul utilizatorului și permite crearea de meniuri, formulare și animații.

Elemente de bază ale JavaScript

  • Variabile și tipuri de date Se declară cu let, const sau var. Tipuri: string ('text'), number (42), boolean (true). Exemplu: let utilizator = 'Alex';
  • Funcții Blocuri de cod reutilizabile. function salut(nume) { return 'Bună, ' + nume; } apelează cu salut('Maria').
  • Evenimente Răspund la acțiuni ale utilizatorului. document.getElementById('buton').onclick = function() { alert('Apăsat!'); };

Exemple practice de interactivitate

  1. 1
    Schimbare text la click 1. Adaugă un buton în HTML: <button id='schimba'>Apasă</button>. 2. În JavaScript: document.getElementById('schimba').onclick = function() { document.getElementById('text').innerHTML = 'Nou text'; };
  2. 2
    Validare formular 1. Creează un input pentru email în HTML. 2. Verifică cu JavaScript: if (!email.includes('@')) { alert('Email invalid'); }.
  3. 3
    Animatie simplă 1. Selectează un div cu CSS. 2. Folosește setInterval() pentru a schimba poziția cu 1px la fiecare 10ms.

Începe cu scripturi mici în fișiere .js separate și testează în consola browser-ului (F12).

Mai multe din Rețele