This article is currently in the process of being translated into Romanian (~99% done).
Hello, world!
Istoric, fiecare tutorial de programare trebuie să înceapă cu un exemplu "Hello, world!". Scopul acestui exemplu este pur și simplu de a afișa un mesaj către utilizator, constând din propoziția "Hello, world!", fără a primi vreun input sau a efectua alte operațiuni. Exemplul datează încă din 1974, adică cu cel puțin 20 de ani înainte ca JavaScript să fie inventat, dar, indiferent de aceasta, tutorialul de față va porni tot cu un exemplu "Hello, World!".
Acum, în JavaScript, locul în care afișăm mesajul poate varia, în funcție de motorul JavaScript folosit pentru interpretare. De exemplu, dacă rulezi codul dintr-un browser, am putea folosi funcția alert() pentru a afișa mesajul:
alert("Hello, world!");Încearcă să rulezi acest exemplu și vei obține un popup frumos cu celebrul mesaj cunoscut în toată lumea. Așa cum am discutat anterior, acest tutorial va începe fără a se concentra pe browser, dar vreau să menționez că, dacă inserezi acest cod într-un fișier HTML, acesta trebuie să fie plasat în interiorul unui tag SCRIPT, astfel:
<script>
alert("Hello, world!");
</script>Hello, webpage!
Având în vedere acest lucru, vreau să îți arăt un alt exemplu, în care integrăm JavaScript într-o pagină web reală (deși simplă), pentru a-ți oferi o idee despre cum funcționează:
<!DOCTYPE html>
<html>
<head>
<title>Hello, world!</title>
</head>
<body>
<p>And now for the world famous message:</p>
<script>
document.write("Hello, world!");
</script>
<p>Thank you, and goodnight!</p>
</body>
</html>Încearcă să rulezi acest exemplu, fie direct aici în articol, fie salvându-l ca fișier .html pe calculatorul tău și deschizându-l în browser.
Nu te îngrijora prea mult de toate tag-urile HTML, care reprezintă doar structura de bază a unei pagini web cu puțin text. Concentrează-te mai degrabă pe blocul de script din mijloc. Am folosit acest bloc pentru a integra direct un fragment de cod JavaScript în codul HTML (practic, în mijlocul unei pagini web) și pentru a utiliza funcția document.write() pentru a afișa text direct între restul conținutului.
Hello, console!
Fii conștient că document.write() este o funcție specifică browserului, deci, dacă rulezi acest cod cu Node.js, cel mai probabil nu va funcționa. În schimb, putem folosi o funcție care funcționează pe multe motoare JavaScript: console.log()
console.log("Hello, world!");Dacă rulezi acest cod în browser, va trebui să verifici consola de dezvoltare pentru a citi mesajul. Modul în care accesezi această zonă depinde de browserul pe care îl folosești, dar poți încerca să apeși F12 – dacă nu funcționează, s-ar putea să consulți acest articol, care explică cum se accesează în diverse browsere.
Rezumat
Cu exemplul obligatoriu "Hello, world!" rezolvat, suntem acum gata să trecem mai departe și să învățăm mai multe despre limbajul JavaScript.