Exercices O1 :
1. Afficher le message « Bonjour, JavaScript ! » dans la console du navigateur.
2. Créer trois variables : ton prénom, ton âge, et une valeur booléenne indiquant si tu es
étudiant. Afficher ces variables dans la console.
3. Afficher une phrase combinant les trois informations précédentes, par exemple :
« Je m'appelle DINO, j’ai 25 ans et je suis étudiant. »
4. Demander à l’utilisateur d’entrer un nombre et indiquer s’il est pair ou impair.
5. Afficher la table de multiplication du 5 en utilisant une boucle.
6. Demander un nombre n et calculer la somme des entiers de 1 à n.
7. Créer une fonction qui retourne la somme de deux nombres et la tester avec plusieurs
valeurs.
8. Créer une fonction qui convertit une température en degrés Celsius vers Fahrenheit.
(Formule : F = C × 9/5 + 32)
9. Créer une fonction qui vérifie si un mot est un palindrome (ex. : radar, kayak).
10. Créer un tableau contenant plusieurs notes et calculer la moyenne.
11. Vérifier si une valeur donnée (par exemple 8) existe dans le tableau précédent.
12. Créer un objet représentant une personne avec un nom, un âge et une méthode qui
affiche une phrase de présentation.
13. Créer une page HTML avec un bouton. Lorsqu’on clique sur le bouton, le texte d’un
paragraphe change pour afficher un message de bienvenue.
14. Créer un bouton qui affiche le nombre de fois où il a été cliqué.
15. Créer une liste HTML qui affiche automatiquement les éléments d’un tableau de fruits
(exemple : pomme, banane, mangue).
16. Ajouter un champ de saisie permettant à l’utilisateur d’ajouter un nouveau fruit à la
liste existante.
17. Créer une fonction qui affiche dans la console la date et l’heure actuelles chaque fois
qu’on recharge la page.
18. Écrire une fonction qui compte le nombre de voyelles dans un mot saisi par
l’utilisateur.
19. Créer une fonction qui retourne le plus grand nombre dans un tableau.
20. Créer un petit script qui affiche un message différent selon l’heure du jour (matin,
après-midi, soir).
Exercices 02 : JavaScript – Galerie d’art : gestion du panier
1. Initialiser la galerie
Créer une liste de quelques œuvres avec leur nom, artiste et prix.
Exemple : « Le Baiser », Gustav Klimt, 1200 € ; « Les Tournesols », Van Gogh, 800
€.
2. Afficher les œuvres disponibles
Afficher la liste des œuvres disponibles dans la console ou sur la page web avec leur
prix.
3. Créer un panier vide
Déclarer une variable représentant un panier (tableau vide au départ).
4. Ajouter une œuvre au panier
Créer une fonction permettant d’ajouter une œuvre au panier à partir de son titre.
5. Afficher le contenu du panier
Afficher tous les éléments du panier avec leurs prix et le nombre total d’articles.
6. Empêcher les doublons
Modifier la fonction d’ajout pour vérifier si une œuvre est déjà dans le panier ; si oui,
afficher un message “déjà ajouté”.
7. Supprimer une œuvre du panier
Créer une fonction qui retire une œuvre spécifique du panier selon son titre.
8. Vider le panier
Ajouter un bouton “Vider le panier” qui supprime tous les articles à la fois.
9. Calculer le total du panier
Créer une fonction qui additionne les prix de toutes les œuvres du panier et affiche le
total en euros.
10. Appliquer une remise
Si le total dépasse 2000 €, appliquer une réduction de 10 % et afficher le nouveau
total.
11. Afficher le nombre d’articles
Dans l’en-tête de la page, afficher dynamiquement le nombre d’œuvres actuellement
dans le panier.
12. Afficher un message de confirmation
Lorsqu’une œuvre est ajoutée, afficher un petit message “Œuvre ajoutée avec succès”.
13. Simuler la sélection via boutons “Ajouter au panier”
Associer un bouton “Ajouter” à chaque œuvre de la galerie ; au clic, la fonction
d’ajout s’exécute.
14. Mettre à jour automatiquement le total
Dès qu’une œuvre est ajoutée ou supprimée, recalculer et afficher le total.
15. Afficher les œuvres du panier dans un tableau HTML
Afficher le panier sous forme de tableau avec colonnes : Titre – Artiste – Prix –
Bouton “Supprimer”.
16. Stocker le panier localement
Utiliser le LocalStorage pour enregistrer le contenu du panier afin qu’il persiste après
actualisation de la page.
17. Restaurer le panier au chargement
Au rechargement de la page, afficher automatiquement les articles stockés
précédemment.
18. Afficher un message si le panier est vide
Si aucun article n’est présent, afficher “Votre panier est vide”.
19. Simuler la validation de commande
Créer un bouton “Commander” qui affiche un récapitulatif du panier et un message de
confirmation d’achat.
20. Message final personnalisé
Après validation, afficher :
“Merci pour votre achat ! Votre passion pour l’art fait vivre les artistes.”