Université IBN ZOHR Année Universitaire 2023-2024
Faculté des Sciences Appliquées Filière SMI / Semestre 3
Département Informatique Technologie du Web
TD2 Technologie Du WEB - JavaScript
Exercice 1 : Calculateur de Prix
Vous devez créer un calculateur de prix en utilisant HTML, CSS et JavaScript pour un
formulaire comprenant :
1. Taux TVA : Utilisez des boutons radio pour permettre à l'utilisateur de choisir entre trois
taux de TVA : 5%, 10%, et 15%.
2. Produit : Utilisez une liste déroulante pour permettre à l'utilisateur de sélectionner un
produit. Chaque produit a un prix associé dans sa valeur.
3. Quantité : Un champ où l'utilisateur peut entrer la quantité du produit.
4. Prix HT : Un champ en lecture seule où le prix HT du produit doit être affiché après la
sélection du produit.
5. Total HT : Un champ en lecture seule où le total HT (quantité * prix HT) doit être affiché.
6. Total TTC : Un champ en lecture seule où le total TTC (total HT + TVA) doit être affiché.
7. Bouton "Calculer" : Un bouton qui, lorsqu'il est cliqué, calcule les totaux en fonction des
valeurs saisies/sélectionnées et les affiche dans les champs appropriés.
8. Bouton "Rétablir" : Un bouton qui réinitialise le formulaire aux valeurs par défaut.
9. Effet CSS conditionnel : Appliquez des styles conditionnels en fonction de la valeur du
Total TTC :
Si le Total TTC est supérieur à 200, colorez le champ de Total TTC en rouge.
Si le Total TTC est inférieur ou égal à 200, colorez le champ de Total TTC en vert.
Module: Technologie du web–TD3 - JavaScript- SMI-S3 Pr. OULAD SAYAD Younes