Fondamenti di lavoro con il DOM in JavaScript

Nelle lezioni precedenti abbiamo studiato le funzionalità di base del linguaggio JavaScript. A partire da questa lezione ci occuperemo di ciò per cui JavaScript è effettivamente pensato - modificheremo gli elementi della pagina HTML e reagiremo alle azioni dell'utente. I nostri script diventeranno più spettacolari e utili.

In tutte le lezioni successive, il tuo codice JavaScript deve essere posizionato dopo il codice HTML a cui si riferisce. Cioè la struttura del tuo codice dovrebbe assomigliare alla seguente:

html<!DOCTYPE html>
<html>
  <head>
    
  </head>
  <body>
    i tuoi tag html
    
    <script>
      il tuo codice JavaScript
    </script>
  </body>
</html>

Oppure nel modo seguente, se scrivi il codice JavaScript in un file separato:

html<!DOCTYPE html>
<html>
  <head>
    
  </head>
  <body>
    i tuoi tag html
    
    <script src="index.js"></script>
  </body>
</html>