Osnove rada sa DOM-om u JavaScript

U prethodnim lekcijama smo učili osnovne mogućnosti jezika JavaScript. Počevši od ove lekcije bavićemo se onim za šta je JavaScript zapravo namenjen - menjati ćemo elemente HTML strane i reagovati na akcije korisnika. Naši skriptovi će postati upečatljiviji i korisniji.

U svim narednim lekcijama vaš JavaScript kod treba da bude postavljen ispod HTML koda kome se obraća. To znači da struktura vašeg koda treba da izgleda na sledeći način:

<!DOCTYPE html>
<html>
	<head>
		
	</head>
	<body>
		vaši html tagovi
		
		<script>
			vaš JavaScript kod
		</script>
	</body>
</html>

Ili na sledeći način, ako pišete JavaScript kod u posebnom fajlu:

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

U daljem tekstu radi kratkoće neću navoditi pun kod, već ću jednostavno naznačiti šta treba pisati u HTML delu, a šta - u JavaScript delu.

Napravite fajl sa naznačenom strukturom koda.