Bases du travail avec le DOM en JavaScript

Dans les leçons précédentes, nous avons étudié les fonctionnalités de base du langage JavaScript. À partir de cette leçon, nous allons nous consacrer à ce pour quoi JavaScript est réellement conçu - nous allons modifier les éléments de la page HTML et réagir aux actions de l'utilisateur. Nos scripts deviendront plus spectaculaires et utiles.

Dans toutes les leçons suivantes, votre code JavaScript doit être placé après le code HTML auquel il accède. C'est-à-dire que la structure de votre code doit ressembler à ce qui suit :

<!DOCTYPE html>
<html>
	<head>
		
	</head>
	<body>
		vos balises html
		
		<script>
			votre code JavaScript
		</script>
	</body>
</html>

Ou de la manière suivante, si vous écrivez le code JavaScript dans un fichier séparé :

<!DOCTYPE html>
<html>
	<head>
		
	</head>
	<body>
		vos balises html
		
		<script src="index.js"></script>
	</body>
</html>

Par la suite, par souci de concision, je ne citerai pas le code complet, mais je indiquerai simplement ce qu'il faut écrire dans la partie HTML, et ce - dans la partie JavaScript.

Créez un fichier avec la structure de code indiquée.