DOM-i töötamise põhijooned JavaScriptis

Eelmistes õppetükides uurisime JavaScripti põhivõimalusi. Alates sellest õppetükist hakkame tegelema sellega, milleks JavaScript tegelikult on mõeldud - me muudame HTML lehe elemente ja reageerime kasutaja tegevustele. Meie skriptid muutuvad vaatamiskõlbulikumaks ja kasulikumaks.

Kõigis järgnevates õppetükides peab teie JavaScript kood asuma allpool HTML koodi, mille poole ta pöördub. See tähendab, et teie koodi struktuur peaks välja nägema järgmine:

<!DOCTYPE html>
<html>
	<head>
		
	</head>
	<body>
		teie HTML tag-id
		
		<script>
			teie JavaScripti kood
		</script>
	</body>
</html>

Või järgmisel kujul, kui kirjutate JavaScripti koodi eraldi faili:

<!DOCTYPE html>
<html>
	<head>
		
	</head>
	<body>
		teie HTML tag-id
		
		<script src="index.js"></script>
	</body>
</html>

Edaspidi lühiduse mõttes ma ei too täielikku koodi, vaid lihtsalt näitan, mida tuleb kirjutada HTML osas ja mida - JavaScripti osas.

Looge fail määratud koodistruktuuriga.