3.3 - Laboratoire 1


Implémenter une page web HTML/CSS/JS pour calculer la moyenne de demandées à l'utilisateur.

  • Créer une fonction qui récupère les valeurs d'un prompt, tant que l'utilisateur saisit des données
    • Lors de l'annulation de la saisie, toutes les valeurs valeurs sont ignorées, correspondant à une saisie vide
  • Créer une fonction qui effectue le calcul de la moyenne des valeurs saisies, en considérant uniquement les nombres, qui retourne le résultat ou une valeur significative
  • Créer une fonction responsable de l'affichage de la page
    • Afficher chaque nombre sur une ligne d'un tableau HTML: en vert si supérieur ou égal à la moyenne, sinon en rouge
    • Afficher la moyenne dans un paragraphe sous le tableau, si possible, sinon indiquer dans un paragraphe en rouge Aucun nombre! et masquer le tableau
  • Finalement, créer la fonction labo() qui orchestre l'appel des fonctions précédentes pour effectuer un nouveau calcul
    • Chaque appel de la fonction doit nettoyer l'affichage de la page
  • Organiser judicieusement les responsabilités des composants HTML/CSS/JS dans les fichiers correspondants

Exemples

1
6
12
5

Moyenne = 6


Aucun nombre!

Grille d'évaluation

Laboratoire 1 - 5% / 7

Fonction labo(), orchestration 0    0.5    1
Fonction récupération des valeurs, prompt, tant que valeur 0    0.5    1
Fonction calcul, moyenne, retour significatif, nombres uniquement 0    0.5    1
Fonction affichage, resultat vs erreur rouge 0    0.5    1
Respect de la structure tableau et paragraphe 0    0.5    1
Couleur des nombres selon la moyenne 0    0.5    1
Manipulation judicieuse du DOM via JavaScript VS structure HTML 0    0.5    1
Respect de la mise en page 0    -0.5    -1
Qualité du code: Nomenclature, Indentation, Organisation HTML/CSS/JS 0    -0.5    -1    -2