Osnove dela z DOM v JavaScript

V prejšnjih lekcijah smo preučevali osnovne možnosti jezika JavaScript. Od te lekcije naprej se bomo posvetili temu, za kar je JavaScript pravzaprav namenjen - spreminjali bomo elemente HTML strani in se odzivali na dejanja uporabnika. Naše skripte postanejo bolj spektakularne in uporabne.

V vseh naslednjih lekcijah mora biti vaša JavaScript koda nameščena pod HTML kodo, ki se ji dostopa. To pomeni, da mora struktura vaše kode izgledati na naslednji način:

<!DOCTYPE html>
<html>
	<head>
		
	</head>
	<body>
		vaši html tagi
		
		<script>
			vaša JavaScript koda
		</script>
	</body>
</html>

Ali pa na naslednji način, če pišete JavaScript kodo v ločeni datoteki:

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

V nadaljevanju zaradi jedrnatosti ne bom navajal polne kode, ampak bom preprosto navedel, kaj je potrebno napisati v HTML delu in kaj - v JavaScript delu.

Naredite datoteko z navedeno strukturo kode.