Grundlæggende DOM-arbejde i JavaScript

I de foregående lektioner studerede vi JavaScripts basale muligheder. Fra og med denne lektion vil vi beskæftige os med det, som JavaScript egentlig er designet til - vi vil ændre HTML-sidens elementer og reagere på brugerens handlinger. Vores scripts bliver mere spektakulære og nyttige.

I alle de følgende lektioner skal din JavaScript- kode placeres under den HTML-kode, som den henvender sig til. Det vil sige, at strukturen af din kode skal se ud som følger:

<!DOCTYPE html>
<html>
	<head>
		
	</head>
	<body>
		dine html-tags
		
		<script>
			din JavaScript-kode
		</script>
	</body>
</html>

Eller som følger, hvis du skriver JavaScript-koden i en separat fil:

<!DOCTYPE html>
<html>
	<head>
		
	</head>
	<body>
		dine html-tags
		
		<script src="index.js"></script>
	</body>
</html>

I det følgende vil jeg for kortheds skyld ikke fremvise den fulde kode, men blot angive, hvad der skal skrives i HTML-delen, og hvad - i JavaScript- delen.

Opret en fil med den angivne kodestruktur.