JavaScript - Primul program: Hello World!

Iată o simplă declarație JavaScript, care creează un dialog pop-up care spune „Hello World!”:

alert("Hello World!");

Pentru ca browserul să execute declarația, aceasta trebuie plasată într-un element <script>. Acest element descrie ce secțiune a codului HTML conține cod executabil și va fi descris în detaliu mai târziu.

<script>
  alert("Hello World!");
</script>

Elementul <script> ar trebui apoi imbricat în interiorul elementului <head> al unui document HTML. Presupunând că pagina este vizualizată într-un browser care are JavaScript activat, browserul va executa (efectua) declarația pe măsură ce pagina se încarcă.

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Some Page</title>
    <script>
      alert("Hello World!");
    </script>
  </head>
  <body>
    <p>The content of the web page.</p>
  </body>
</html >

Acest program de bază Hello World poate fi folosit ca punct de plecare pentru orice programe noi pe care trebuie să le creați.

Exerciții

Exercițiul 1-1

Copiați și lipiți programul de bază într-un fișier, salvați-l pe hard disk ca „exercițiul 1-1.html”. }l puteți rula în două moduri:

Accesând fișierul cu un manager de fișiere și deschizându-l folosind un browser web (de exemplu, în Windows Explorer se face cu un dublu clic)
Pornind browserul și apoi deschizând fișierul din meniu. Pentru Firefox, acesta ar fi: Choose File în meniu, apoi Open File, apoi selectați fișierul.

Ce se întâmplă?

Exercițiul 1-2

Salvați fișierul de mai sus ca „exercițiul 1-2.html”. Înlocuiți ghilimelele din linia alert(„Hello World!”); cu ghilimele unice, deci citește alert(‘Hello World!’); și salvați rezultatul. Dacă deschideți acest fișier în browser, ce se întâmplă?

Răspunsuri

CLIC AICI PENTRU RĂSPUNS

(Sursa: Wikibooks)