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:

<!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:

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

In seguito, per brevità, non riporterò il codice completo, ma indicherò semplicemente cosa deve essere scritto nella parte HTML e cosa - nella parte JavaScript.

Crea un file con la struttura del codice indicata.