Exercices sur les fondamentaux

Exercice 0

Créez un repository public avec un README sur GitHub, appelez-le bre05-js-soutien-2
Clonez-le dans le dossier sites/js de votre IDE.

Exercice 1 : Tableaux et boucles simples

Dans le dossier bre05-js-soutien-2, créez un dossier exercice-1.
Dans le dossier exercice-1, créez deux fichiers : index.html et script.js.

index.html

<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="utf-8">
    <title>Exercice 1 - Moyenne de notes</title>
</head>
<body>
    <h1>Calculateur de moyenne</h1>
    <script type="text/javascript" src="script.js"></script>
</body>
</html>

Créez un tableau nommé notes contenant les valeurs suivantes : 12, 15, 8, 19, 10.
Créez une variable somme égale à 0.
À l'aide d'une boucle for, additionnez chaque note du tableau à la variable somme.
Calculez la moyenne et affichez-la dans la console : "La moyenne est de : X".

Exercice 2 : Boucles et tableaux imbriqués

Dans le dossier bre05-js-soutien-2, créez un dossier exercice-2.
Dans le dossier exercice-2, créez deux fichiers : index.html et script.js.

index.html

<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="utf-8">
    <title>Exercice 2 - Parcours de panier</title>
</head>
<body>
    <h1>Liste des fruits</h1>
    <script type="text/javascript" src="script.js"></script>
</body>
</html>

Créez une variable panier contenant trois sous-tableaux :
- ["Pomme", "Poire"]
- ["Banane", "Ananas", "Kiwi"]
- ["Fraise", "Framboise"]
À l'aide de deux boucles for imbriquées, parcourez l'ensemble des données.
Affichez chaque fruit individuellement dans la console avec le préfixe "Fruit trouvé : ".

Exercice 3 : Tableaux d'objets et conditions

Dans le dossier bre05-js-soutien-2, créez un dossier exercice-3.
Dans le dossier exercice-3, créez deux fichiers : index.html et `script.js.

<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="utf-8">
    <title>Exercice 3 - Statut Utilisateurs</title>
</head>
<body>
    <h1>Vérification de connexion</h1>
    <script type="text/javascript" src="script.js"></script>
</body>
</html>

Créez un tableau utilisateurs contenant trois objets. Chaque objet possède :
- Un pseudo (string)
- Un état estEnLigne (boolean : true ou false)
Parcourez ce tableau avec une boucle for.
Pour chaque utilisateur, utilisez une condition if / else :
Si estEnLigne est vrai, affichez : "[pseudo] est connecté".
Sinon, affichez : "[pseudo] est déconnecté".

Exercice 4 : Fonctions, tableaux et conditions

Dans le dossier bre05-js-soutien-2, créez un dossier exercice-4.
Dans le dossier exercice-4, créez deux fichiers : index.html et script.js.

index.html

<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="utf-8">
    <title>Exercice 4 - Filtrage de nombres</title>
</head>
<body>
    <h1>Filtrage avec fonction</h1>
    <script type="text/javascript" src="script.js"></script>
</body>
</html>

Créez un tableau nombres contenant : 10, 25, 5, 40, 18, 3.
Rédigez une fonction nommée `afficherGrandsNombres qui accepte un tableau en paramètre.
À l'intérieur de cette fonction, parcourez le tableau et affichez dans la console uniquement les nombres supérieurs à 15.
Appelez votre fonction en lui passant le tableau nombres.

Exercice 5 : Fonction avec retour de valeur

Dans le dossier bre05-js-soutien-2, créez un dossier exercice-5.
Dans le dossier exercice-5, créez deux fichiers : index.html et script.js.

<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="utf-8">
    <title>Exercice 5 - Calcul de TVA</title>
</head>
<body>
    <h1>Calculateur de prix TTC</h1>
    <script type="text/javascript" src="script.js"></script>
</body>
</html>

Créez une fonction nommée calculerPrixTTC qui prend un paramètre prixHT.
La fonction doit calculer le prix TTC en multipliant le prixHT par 1.20 (TVA à 20%).
La fonction doit renvoyer (return) le résultat du calcul.
Créez une variable prixFinal qui stocke le résultat de l'appel de la fonction avec la valeur 50.
Affichez `prixFinal dans la console.

Exercice 6 : Fonctions qui s'appellent entre elles

Dans le dossier bre05-js-soutien-2, créez un dossier exercice-6.
Dans le dossier exercice-6, créez deux fichiers : index.html et `script.js.

index.html

<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="utf-8">
    <title>Exercice 6 - Chaîne de fonctions</title>
</head>
<body>
    <h1>Vérification d'âge</h1>
    <script type="text/javascript" src="script.js"></script>
</body>
</html>

Rédigez une première fonction nommée estAdulte qui prend un paramètre age. Elle doit retourner true si l'âge est de 18 ou plus, et false sinon.
Rédigez une deuxième fonction nommée formaterMessage qui prend aussi un paramètre age.
À l'intérieur de formaterMessage, appelez la fonction estAdulte:
- Si elle renvoie true, affichez : "Accès autorisé".
- Si elle renvoie false, affichez : "Accès interdit".
Appelez la fonction formaterMessage avec la valeur de votre choix.

16 January 2026