Βασικές αρχές εργασίας με το DOM στην JavaScript

Στα προηγούμενα μαθήματα μελετήσαμε τις βασικές δυνατότητες της γλώσσας JavaScript. Από αυτό το μάθημα και μετά, θα ασχοληθούμε με αυτό για το οποίο η JavaScript προορίζεται στην πραγματικότητα - θα αλλάζουμε στοιχεία της HTML σελίδας και θα αντιδρούμε στις ενέργειες του χρήστη. Τα σενάρια μας θα γίνουν πιο θεαματικά και χρήσιμα.

Σε όλα τα επόμενα μαθήματα, ο κώδικας JavaScript σας πρέπει να τοποθετείται κάτω από τον HTML κώδικα, στον οποίο απευθύνεται. Δηλαδή, η δομή του κώδικά σας πρέπει να μοιάζει ως εξής:

<!DOCTYPE html>
<html>
	<head>
		
	</head>
	<body>
		οι html ετικέτες σας
		
		<script>
			ο κώδικας JavaScript σας
		</script>
	</body>
</html>

Ή ως εξής, αν γράφετε τον κώδικα JavaScript σε ξεχωριστό αρχείο:

<!DOCTYPE html>
<html>
	<head>
		
	</head>
	<body>
		οι html ετικέτες σας
		
		<script src="index.js"></script>
	</body>
</html>

Στο εξής, για συντομία, δεν θα παρουσιάζω τον πλήρη κώδικα, αλλά απλά θα υποδεικνύω τι πρέπει να γράφεται στο HTML μέρος, και τι - στο JavaScript μέρος.

Δημιουργήστε ένα αρχείο με την καθορισμένη δομή κώδικα.