HTML

O pagină web are 3 componente:

• HTML - definește conținutul și structura datelor
• CSS - definește reprezentarea vizuală al datelor
• JS - adaugă interactivitate în pagină

Vom numi client-side JS atunci când folosim JS într-o pagină web.

Într-o pagină web, JS are control asupra:

• browser window, history...
• DOM
• evenimente
• interacțiunile cu serverul

În orice implementare de JS există un obiect global, în browser acest obiect este window care este punctul de start pentru orice aplicație de browser și ne permite să controlăm anumite componente ale browserului (ex. history).

Adăugarea JS în HTML

Putem adăuga cod JS în HTML în mai multe forme:

• inline, folosind tagul script
• extern, adăugând atributul src la script
• printr-un event HTML, cum e onclick sau onkeypress
• printr-un URL, folosind protocolul javascript:

Exemple:

<script>console.log('Hello');</script>

<script src="index.js"></script>

<button onclick="sayHello()">Hello</button>

<a href="javascript:console.log('Hello');">Hello</a>

<button onclick="console.log('Hello')">Say Hello</button>
<a href="javascript:console.log('Hello');">Say Hello</a>
<script>
  window.userId = 123564;
</script>
<script src="index.js"></script>

Exercițiu

Facem structura calculatorului cu o singură operație (-).

Referinte

• HTML Elements

Intrebari

• Se poate sa inregistram audio cursurile, de acum incolo?
• in ce situatii in javascript e obligatoriu punct si virgula la sfarsit?