Основе рада са DOM-ом у JavaScript-у

У претходним лекцијама смо учили основне могућности језика JavaScript. Почевши од ове лекције бавићемо се оним за шта је JavaScript заправо и намењен - мењаћемо HTML елементе странице и реаговаћемо на корисничке радње. Наши скриптови ће постати спектакуларнији и кориснији.

У свим наредним лекцијама ваш JavaScript код треба да буде постављен испод HTML кода, којем се он обраћа. То значи да структура вашег кода треба да изгледа на следећи начин:

<!DOCTYPE html>
<html>
	<head>
		
	</head>
	<body>
		ваши HTML тагови
		
		<script>
			ваш JavaScript код
		</script>
	</body>
</html>

Или на следећи начин, ако пишете JavaScript код у одвојеној датотеци:

<!DOCTYPE html>
<html>
	<head>
		
	</head>
	<body>
		ваши HTML тагови
		
		<script src="index.js"></script>
	</body>
</html>

У наставку, ради краткости, нећу наводити пун код, већ ћу једноставно указати шта треба писати у HTML делу, а шта - у JavaScript делу.

Направите датотеку са наведеном структуром кода.