Основи на работа со 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 делот.

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