Grundlagen der DOM-Arbeit in JavaScript

In den vorherigen Lektionen haben wir die grundlegenden Möglichkeiten der Sprache JavaScript kennengelernt. Ab dieser Lektion werden wir uns mit dem beschäftigen, wofür JavaScript eigentlich gedacht ist - wir werden Elemente der HTML-Seite verändern und auf Benutzeraktionen reagieren. Unsere Skripte werden spectakulärer und nützlicher werden.

In allen folgenden Lektionen muss Ihr JavaScript- Code unterhalb des HTML-Codes platziert werden, auf den er zugreift. Das bedeutet, die Struktur Ihres Codes sollte wie folgt aussehen:

<!DOCTYPE html>
<html>
	<head>
		
	</head>
	<body>
		Ihre HTML-Tags
		
		<script>
			Ihr JavaScript-Code
		</script>
	</body>
</html>

Oder wie folgt, wenn Sie den JavaScript-Code in einer separaten Datei schreiben:

<!DOCTYPE html>
<html>
	<head>
		
	</head>
	<body>
		Ihre HTML-Tags
		
		<script src="index.js"></script>
	</body>
</html>

Der Kürze halber werde ich im Folgenden nicht den vollständigen Code angeben, sondern einfach nur darauf hinweisen, was in den HTML-Teil und was in den JavaScript- Teil geschrieben werden muss.

Erstellen Sie eine Datei mit der angegebenen Codestruktur.