Grunnleggende om DOM-arbeid i JavaScript

I de foregående leksjonene studerte vi de grunnleggende mulighetene til JavaScript-språket. Fra og med denne leksjonen skal vi vie oss til det JavaScript egentlig er laget for - vi skal endre HTML-sideelementer og reagere på brukerens handlinger. Scriptene våre vil bli mer spektakulære og nyttige.

I alle de følgende leksjonene må JavaScript-koden din plasseres under HTML-koden den henvender seg til. Det vil si at strukturen på koden din skal se slik ut:

<!DOCTYPE html>
<html>
	<head>
		
	</head>
	<body>
		dine html-tagger
		
		<script>
			ditt JavaScript-kode
		</script>
	</body>
</html>

Eller på følgende måte, hvis du skriver JavaScript-koden i en separat fil:

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

I det følgende, for korthets skyld, vil jeg ikke gi hele koden, men vil bare indikere hva som skal skrives i HTML-delen, og hva - i JavaScript-delen.

Opprett en fil med den angitte kodestrukturen.