A DOM alapjai JavaScriptben

Az előző leckékben a JavaScript nyelv alapvető lehetőségeit tanulmányoztuk. Ettől a leckétől kezdve azzal foglalkozunk, amire a JavaScript valójában teremtett - megváltoztatjuk a HTML oldal elemeit és reagálunk a felhasználó műveleteire. A szkriptjeink látványosabbak és hasznosabbak lesznek.

Az összes következő leckében a JavaScript kódját a HTML kód alá kell helyeznie, amelyhez hozzáfér. Vagyis a kódja szerkezetének így kell kinéznie:

<!DOCTYPE html>
<html>
	<head>
		
	</head>
	<body>
		az Ön html elemei
		
		<script>
			az Ön JavaScript kódja
		</script>
	</body>
</html>

Vagy a következő módon, ha a JavaScript kódot külön fájlba írja:

<!DOCTYPE html>
<html>
	<head>
		
	</head>
	<body>
		az Ön html elemei
		
		<script src="index.js"></script>
	</body>
</html>

A továbbiakban a rövidség kedvéért nem fogom megadni a teljes kódot, hanem egyszerűen jelezni fogom, hogy mit kell írni a HTML részben, és mit - a JavaScript részben.

Készítsen egy fájlt a megadott kódszerkezettel.