BRE03

JavaScript Jour 1 : Exercice sur les boucles et conditions

Les contenus du cours BRE03 Web Dev Course © 2024 par Mari Doucet sont sous licence CC BY-NC-SA 4.0

Exercice 0

Dans le dossier du repository GitHub bre03-js-j1 créé plus tôt, créez un dossier exercices-boucles.

Exercice 1

Dans le dossier exercices-boucles créez un fichier ex-1.html et un fichier index.js.

Le contenu du fichier ex-1.html :

<!DOCTYPE html>
<html lang="fr">
	<head>
		<title>Exercice 1 sur les boucles</title>
	</head>
	<body>
		<script type="application/javascript" src="index.js"></script>
	</body>
</html>

Consignes

Objectif : manipuler des boucles sans conditions

Créez une boucle qui affiche les chiffres de 0 à 10.
Créez une autre boucle qui affiche les chiffres de 25 à 20.
Créez une autre boucle qui n’affiche que les chiffres pairs entre 0 et 20.

Exercice 2

Dans le dossier exercices-boucles créez un fichier ex-2.html et un fichier ex-2.js.

Le contenu du fichier ex-2.html :

<!DOCTYPE html>
<html lang="fr">
	<head>
		<title>Exercice 2 sur les boucles</title>
	</head>
	<body>
		<script type="application/javascript" src="ex-2.js"></script>
	</body>
</html>

Consignes

Objectif : manipuler une boucle avec une condition simple

Créez une boucle qui fait défiler les chiffres de 0 à 10.
Si le chiffre est pair : affichez “Pair”.
Si le chiffre est impair : affichez “Impair”.

Exercice 3

Dans le dossier exercices-boucles créez un fichier ex-3.html et un fichier ex-3.js.

Le contenu du fichier ex-3.html :

<!DOCTYPE html>
<html lang="fr">
	<head>
		<title>Exercice 3 sur les boucles</title>
	</head>
	<body>
		<script type="application/javascript" src="ex-3.js"></script>
	</body>
</html>

Consignes

Objectif : manipuler une boucle avec plusieurs conditions

Créez une boucle qui fait défiler les nombres de 0 à 100.
De 0 à 50 affichez un nombre sur deux.
De 51 à 100 affichez un nombre sur trois.
Si le nombre est pair : affichez “Pair”.
Si le nombre est impair : affichez “Impair”.