Bazele lucrului cu DOM în JavaScript

În lecțiile anterioare am studiat posibilitățile de bază ale limbajului JavaScript. Începând cu această lecție ne vom ocupa de ceea ce de fapt JavaScript este destinat - vom modifica elementele paginii HTML și vom reacționa la acțiunile utilizatorului. Scripturile noastre vor deveni mai spectaculoase și mai utile.

În toate lecțiile următoare, codul vostru JavaScript trebuie să fie plasat mai jos decât codul HTML căruia i se adresează. Adică structura codului vostru ar trebui să arate astfel:

<!DOCTYPE html>
<html>
	<head>
		
	</head>
	<body>
		tag-urile voastre html
		
		<script>
			codul vostru JavaScript
		</script>
	</body>
</html>

Sau astfel, dacă scrieți codul JavaScript într-un fișier separat:

<!DOCTYPE html>
<html>
	<head>
		
	</head>
	<body>
		tag-urile voastre html
		
		<script src="index.js"></script>
	</body>
</html>

În continuare, pentru concizie, nu voi mai prezenta codul complet, ci voi indica simplu, ce trebuie scris în partea HTML, și ce - în partea JavaScript.

Creați un fișier cu structura de cod indicată.