DOM:n perusteet JavaScriptissä

Edellisissä oppitunneissa opimme JavaScript-kielen perusominaisuudet. Tästä oppitunnista alkaen alamme tehdä sitä, mihin JavaScript on tarkoitettu - muutamme HTML-sivun elementtejä ja reagoimme käyttäjän toimintoihin. Skriptistämme tulee visuaalisempia ja hyödyllisempiä.

Kaikissa seuraavissa oppitunneissa JavaScript- koodisi tulee sijoittaa sen HTML-koodin alle, johon se viittaa. Toisin sanoen koodisi rakenteen tulisi näyttää seuraavalta:

<!DOCTYPE html>
<html>
	<head>
		
	</head>
	<body>
		sinun html-tagit
		
		<script>
			sinun JavaScript-koodi
		</script>
	</body>
</html>

Tai seuraavalla tavalla, jos kirjoitat JavaScript-koodia erilliseen tiedostoon:

<!DOCTYPE html>
<html>
	<head>
		
	</head>
	<body>
		sinun html-tagit
		
		<script src="index.js"></script>
	</body>
</html>

Tulevaisuudessa lyhyyden vuoksi en aio esittää täyttä koodia, vaan ilmoitan vain, mitä tulee kirjoittaa HTML-osaan ja mitä - JavaScript- osaan.

Tee tiedosto määritetyllä koodirakenteella.