Basis van werken met DOM in JavaScript

In eerdere lessen hebben we de basismogelijkheden van de JavaScript-taal bestudeerd. Vanaf deze les gaan we ons bezighouden met waar JavaScript eigenlijk voor bedoeld is - we zullen HTML-pagina-elementen wijzigen en reageren op acties van de gebruiker. Onze scripts worden spectaculairder en nuttiger.

In alle volgende lessen moet uw JavaScript code hieronder geplaatst worden HTML code, waar het naar verwijst. Dat wil zeggen, de structuur van uw code moet er als volgt uitzien:

<!DOCTYPE html>
<html>
	<head>
		
	</head>
	<body>
		uw html-tags
		
		<script>
			uw JavaScript-code
		</script>
	</body>
</html>

Of als volgt, als u JavaScript-code in een apart bestand schrijft:

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

In het vervolg zal ik voor de kortheid niet de volledige code geven, maar simpelweg aangeven wat er in het HTML-gedeelte moet staan, en wat - in het JavaScript gedeelte.

Maak een bestand met de gespecificeerde codestructuur.