Formatif 2 - 420-355-LI (A22)

Conditions, boucles, tableaux et fonctions

Objectifs
• Utilisation des conditions et des boucles
• Utilisation des tableaux
• Utilisation des fonctions
• Création d’un programme JavaScript plus structuré
• Utilisation du débogueur
Lecture
• Lire les notes de cours et les chapitres 10, 11, 13, 14, 16 à 19 et 29 (section tableau et tableau
associatif) du cours JavaScript sur le site web de Pierre Giraud :
https://www.pierre-giraud.com/javascript-apprendre-coder-cours/
• Je vous rappelle qu’il y a aussi des vidéos du même auteur, mais ils sont moins à jour :
https://www.youtube.com/watch?app=desktop&v=VZLflMqC6dI&list=PLwLsbqvBlImFB8AuT6E
NIg-s87ys4yGWI
Conditions et remise
• Remettre le projet PhpStorm « Votre Nom – Formatif 2 – A22 » produit dans ce formatif, dans
le dossier du « Formatif 2 » selon votre groupe. Le dossier « Formatif 2 » est dans le dépôt sur
le réseau du département dans le dossier « 420-355-A22 ».

Avant de commencer
• IMPORTANT : Dans PhpStorm, créez un nouveau projet du nom de
« Votre Nom – Formatif 2 – A22 », en l’identifiant à votre nom. S.v.p. respectez la syntaxe du
nom de votre projet, merci.
Travail à faire
1. Calcul de l’IMC
De manière générale, l’existence d’un lien entre le poids et la santé est reconnue. De
nombreuses études démontrent qu’un surplus de poids, tout comme un poids insuffisant,
peut entraîner certains problèmes de santé.
L’évaluation du poids santé s’effectue en utilisant l’indice de masse corporelle (IMC) et le
tour de taille (Calcul IMC : femme, homme, comment le calculer ? et IMC et Poids santé).
L’IMC est un simple rapport mathématique entre le poids et la taille (hauteur d’une
personne). Une fois établi, il permet d’évaluer le risque de développer certaines maladies à
long terme.

Ce que vous devez réaliser, calculer un IMC :

Il se calcule simplement en divisant le poids en kilogramme (kg) par le carré de la taille en
mètre (m).
Vous allez écrire un petit programme JavaScript externe à l’aide de PhpStorm qui permet de
calculer votre IMC et celui d’un ami ou d’une amie. Vous affichez les résultats d’IMC de
chacun en mentionnant la signification (Poids santé ou risque de maladie) à l’écran puis vous
répondez à la question « Votre IMC est-il supérieur à celui de votre ami ? ».
a. Utiliser un fichier HTML pour charger votre ouy vos JavaScripts externes et pour afficher vos
résultats.
b. Utilisez une feuille de style pour associer les styles à votre page HTML.
c. Utiliser des fonctions personnelles pour saisir les différentes valeurs.
d. Utilisez des boucles pour saisir des valeurs valides.
e. Utilisez une fonction pour déterminer la signification « IMC vs Classification », voir le tableau ci-
haut.
f. Utilisez des constantes pour les chaines de classification.
g. Utilisez le débogueur pour vous aider à développer.
Exemple d’un résultat attendu avec succès :

Exemple d’un résultat attendu si on annule pendant la saisie des valeurs :

2. Notes
Vous voulez compiler les notes pour 4 de vos cours et également celles de votre ami ou
amie.
Vous devez demander les quatre notes à partir de boîtes de dialogues « Prompt ». Une note
se situe entre 0-100, mais peut être aussi nulle (notes retardées, abandon sans échec).
Une fois les notes saisies et validées, calculez la moyenne pour vous et ensuite pour votre
ami ou amie. Si une note est invalide, on l’ignore, elle ne compte pas dans le calcul de la
moyenne, comme pour une note nulle.
Décidez qui a les meilleurs résultats en vous basant sur la moyenne et affichez cette
information dans la page HTML dans une section consacrée aux résultats. Si les moyennes
sont égales, mentionnez-le.
 a. Utiliser un fichier HTML pour charger votre ou vos JavaScripts externe(s) et pour afficher vos
résultats.
b. Utilisez une feuille de style pour associer les styles à votre page HTML.
c. Utiliser des fonctions personnelles pour saisir les différentes valeurs.
d. Utiliser des fonctions pour faire vos calculs.
e. Améliorez votre code en utilisant des tableaux pour conserver vos données.
f. *Allez plus loin en utilisant des tableaux associatifs.
g. Utilisez le débogueur pour vous aider à développer.
Exemple d’un résultat attendu :
… SUITE (la saisie des notes 3 et 4 de Jocelyn et 1, 2, 3 de Sabrina) …
Exemple d’un résultat attendu, si des notes ne sont pas valides ou si la saisie d’une note a été annulée :

3. Questions
Prendre en note vos questions pour les poser aux prochaines rencontres et répondre à
ceux-ci.
• Quelles sont les difficultés rencontrées lors de ce formatif ?
• Quelles améliorations voyez-vous à faire dans vos scripts ?