Grunderna i att arbeta med DOM i JavaScript

I tidigare lektioner har vi studerat JavaScripts grundläggande möjligheter. Från och med denna lektion kommer vi att ägna oss åt det som JavaScript faktiskt är avsett för - vi kommer att ändra HTML-sidans element och reagera på användarens handlingar. Våra skript kommer att bli mer spektakulära och användbara.

I alla följande lektioner ska din JavaScript- kod placeras under HTML-koden som den refererar till. Det vill säga, strukturen på din kod bör se ut så här:

<!DOCTYPE html>
<html>
	<head>
		
	</head>
	<body>
		dina html-taggar
		
		<script>
			din JavaScript-kod
		</script>
	</body>
</html>

Eller på följande sätt, om du skriver JavaScript-kod i en separat fil:

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

Framöver kommer jag för korthetens skull inte att ta med hela koden, utan kommer helt enkelt att ange vad som ska skrivas i HTML-delen, och vad - i JavaScript- delen.

Skapa en fil med den angivna kodstrukturen.