Základy práce s DOM v JavaScripte

V predchádzajúcich lekciách sme študovali základné možnosti jazyka JavaScript. Počnúc touto lekciou sa budeme venovať tomu, na čo je JavaScript vlastne určený - budeme meniť prvky HTML stránky a reagovať na akcie používateľa. Naše skripty sa stanú zaujímavejšími a užitočnejšími.

Vo všetkých nasledujúcich lekciách musí byť váš JavaScript kód umiestnený pod HTML kódom, ku ktorému pristupuje. To znamená, že štruktúra vášho kódu by mala vyzerať nasledovne:

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

Alebo nasledovne, ak píšete JavaScript kód v samostatnom súbore:

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

Ďalej pre stručnosť nebudem uvádzať úplný kód, ale jednoducho uvediem, čo treba písať v HTML časti a čo - v JavaScript časti.

Vytvorte súbor s uvedenou štruktúrou kódu.