Unde rulează JavaScript

JavaScript e limbajul care face paginile web interactive. Rulează în două locuri: în browser (unde manipulează pagina, răspunde la acțiunile utilizatorului, cere date de la servere) și pe server, prin Node.js. În acest curs lucrezi în browser. Nu ai nevoie de nimic instalat — consola browserului e un mediu complet de rulare.

Unde scrii și rulezi JS

• Consola browserului (F12 → Console): pentru experimente rapide, o linie odată.
• Un fișier .js legat de o pagină HTML: <script src="main.js" defer></script> înainte de sau cu atributul defer.
• Node.js, dacă vrei să rulezi scripturi în terminal, în afara browserului.

Atributul defer

Pui scriptul în head cu defer, iar browserul îl descarcă în paralel cu HTML-ul și îl execută abia după ce pagina e gata. Fără defer (și fără a pune scriptul la finalul body-ului), codul rulează înainte ca elementele să existe și dă erori.

Primul cod

// main.js
console.log('Salut din JavaScript');

const titlu = document.querySelector('h1');
titlu.textContent = 'Modificat de JS';

Cum depanezi

console.log() e cel mai folosit instrument: pui valori pe ecran ca să vezi ce se întâmplă. Panoul Sources din instrumentele browserului îți permite să pui breakpoint-uri și să execuți codul linie cu linie.

O pagină minimă cu JS

<!-- index.html -->
<h1>Titlu</h1>
<script src="main.js" defer></script>

// main.js
document.querySelector('h1').textContent = 'Salut!';

Exercițiu

Creează o pagină cu un h1 și un fișier main.js legat cu defer. Din JS, schimbă textul titlului și scrie un mesaj în consolă. Verifică în F12 → Console.

Greșeli frecvente

• Legi scriptul în head fără defer și codul rulează înainte ca HTML-ul să existe.
• Cauți erorile „în cod" fără să deschizi consola, unde sunt afișate clar.
• Confunzi JavaScript cu Java — sunt limbaje complet diferite.
• Editezi fișierul dar reîncarci pagina fără să salvezi.

De reținut

• JS rulează în browser (și pe server prin Node).
• Leagă scriptul cu defer sau pune-l la finalul body-ului.
• console.log() e instrumentul principal de depanare.
• Instrumentele browserului (F12) sunt mediul tău de lucru.

Pe scurt

JavaScript face pagina să răspundă. Îl legi corect de HTML, îl rulezi în browser și depanezi cu consola.