Grondbeginsels van DOM-werking in JavaScript

In vorige lesse het ons die basiese moontlikhede van die JavaScript-taal bestudeer. Vanaf hierdie les sal ons ons besig hou met waarvoor JavaScript eintlik bedoel is – ons sal HTML-bladsyelemente verander en op gebruikeraksies reageer. Ons skripte sal meer aanskoulik en nuttig word.

In alle volgende lesse moet jou JavaScript- kode onder die HTML-kode geplaas word waarna dit verwys. Die struktuur van jou kode moet dus soos volg lyk:

<!DOCTYPE html>
<html>
	<head>
		
	</head>
	<body>
		u HTML-tags
		
		<script>
			u JavaScript-kode
		</script>
	</body>
</html>

Of soos volg, as jy jou JavaScript-kode in 'n aparte lêer skryf:

<!DOCTYPE html>
<html>
	<head>
		
	</head>
	<body>
		u HTML-tags
		
		<script src="index.js"></script>
	</body>
</html>

In die vervolg sal ek vir kortheid nie die volle kode aanhaal nie, maar eenvoudig aandui wat in die HTML-gedeelte geskryf moet word, en wat – in die JavaScript- gedeelte.

Maak 'n lêer met die aangeduide kodestruktuur.