Základy práce s DOM v JavaScriptu

V předchozích lekcích jsme studovali základní možnosti jazyka JavaScript. Počínaje touto lekcí se budeme zabývat tím, pro co vlastně JavaScript je určen - budeme měnit prvky HTML stránky a reagovat na akce uživatele. Naše skripty se stanou více efektními a užitečnými.

Ve všech následujících lekcích váš JavaScriptový kód musí být umístěn pod HTML kódem, ke kterému přistupuje. To znamená, že struktura vašeho kódu by měla vypadat následovně:

<!DOCTYPE html>
<html>
	<head>
		
	</head>
	<body>
		vaše html tagy
		
		<script>
			váš JavaScriptový kód
		</script>
	</body>
</html>

Nebo následovně, pokud píšete JavaScriptový kód v samostatném souboru:

<!DOCTYPE html>
<html>
	<head>
		
	</head>
	<body>
		vaše html tagy
		
		<script src="index.js"></script>
	</body>
</html>

Pro zkrácení již nebudu uvádět úplný kód, ale budu jednoduše uvádět, co je třeba psát v HTML části, a co - v JavaScriptové části.

Vytvořte soubor s uvedenou strukturou kódu.