Misingi ya Kufanya Kazi na DOM katika JavaScript

Katika masomo yaliyopita tulijifunza uwezo wa msingi wa lugha ya JavaScript. Kuanzia somo hili tutajishughulisha na kile ambacho JavaScript imeundwa kwa ajili yake - tutabadilisha vipengele vya ukurasa wa HTML na kukabiliana na matendo ya mtumiaji. Miandiko yetu itakuwa ya kuvutia zaidi na ya manufaa.

Katika masomo yote yafuatayo msimbo wako wa JavaScript unapaswa kuwekwa chini ya msimbo wa HTML, ambao unaelekea kwake. Yaani muundo wa msimbo wako unapaswa kuonekana kama ifuatavyo:

<!DOCTYPE html>
<html>
	<head>
		
	</head>
	<body>
		vitambulisho vyako vya html
		
		<script>
			msimbo wako wa JavaScript
		</script>
	</body>
</html>

Au kama ifuatavyo, ikiwa unaandika msimbo wa JavaScript kwenye faili tofauti:

<!DOCTYPE html>
<html>
	<head>
		
	</head>
	<body>
		vitambulisho vyako vya html
		
		<script src="index.js"></script>
	</body>
</html>

Katika siku zijazo kwa ufupi sitatoa msimbo kamili, bali nitaonyesha tu, nini kinahitajika kuandika katika sehemu ya HTML, na nini - katika sehemu ya JavaScript.

Tengeneza faili iliyo na muundo wa msimbo ulioonyeshwa.