Devoir pratique STI n°5 : la page du club de théâtre, vérifier l'inscription et calculer la moyenne de l'audition en JavaScript

Exercice 1 : le formulaire d'inscription au club (8 pts)

Le club de théâtre du lycée a la page club.html suivante, reliée au fichier club.js :

<!DOCTYPE html>
<html lang="fr">
<head>
  <meta charset="utf-8">
  <title>Club de théâtre</title>
</head>
<body>
  <h1>Club de théâtre du lycée</h1>
  <form id="inscription" onsubmit="return envoyer()">
    <label for="nom">Nom et prénom</label>
    <input type="text" id="nom" name="nom">
    <label for="age">Âge</label>
    <input type="number" id="age" name="age">
    <input type="submit" value="S'inscrire">
  </form>
  <p id="message"></p>
  <h2>Audition</h2>
  <label for="notes">Notes du jury, séparées par un espace</label>
  <input type="text" id="notes">
  <input type="button" value="Calculer" onclick="resultat()">
  <p id="resultat"></p>
  <script>
    function envoyer() {
      var nom = document.getElementById("nom").value;
      var age = Number(document.getElementById("age").value);
      if (verifierNom(nom) && verifierAge(age)) {
        document.getElementById("message").innerHTML = "Bienvenue " + nom + " !";
      } else {
        document.getElementById("message").innerHTML = "Vérifie ton nom et ton âge.";
      }
      return false;
    }
  </script>
  <script src="club.js"></script>
</body>
</html>

Quand on clique sur « S'inscrire », la fonction envoyer(), donnée dans la page, appelle deux fonctions de vérification, à écrire dans club.js en JavaScript sans expression régulière.

• 1) Écrire la fonction verifierNom(nom) qui renvoie true si nom contient au moins une lettre et seulement des lettres (de a à z, en minuscules ou en majuscules) et des espaces ; sinon false (4 pts).
• 2) Écrire la fonction verifierAge(age) qui renvoie true si age est un nombre entier compris entre 12 et 20 ; sinon false (4 pts).

Une fois les deux fonctions écrites, le formulaire de la page affiche « Bienvenue Rim Ben Ali ! » ou « Vérifie ton nom et ton âge. ».

Exemples : verifierNom("Rim Ben Ali") donne true, verifierNom("R2D2") donne false, verifierAge(15) donne true, verifierAge(21) donne false.

Exercice 2 : la moyenne et la mention (12 pts)

À l'audition, chaque membre du jury donne une note. Dans la page club.html de l'exercice 1, on tape les notes dans le champ notes, séparées par un espace (par exemple 12 15.5 9), puis on clique sur « Calculer ». Les fonctions suivantes s'ajoutent à club.js.

• 1) Écrire la fonction moyenne(t) qui renvoie la moyenne des nombres du tableau t (non vide), arrondie à deux chiffres après la virgule (4 pts).
• 2) Écrire la fonction mention(m) qui renvoie « Très bien » si m ≥ 16, « Bien » si m ≥ 14, « Assez bien » si m ≥ 12, « Passable » si m ≥ 10 et « Insuffisant » sinon (4 pts).
• 3) Écrire la fonction resultat(), appelée par le bouton « Calculer » : si le nom tapé dans le formulaire n'est pas valide (verifierNom de l'exercice 1), elle écrit « Inscris-toi d'abord. » dans le paragraphe resultat ; sinon elle range les notes du champ notes dans un tableau de nombres et écrit « Moyenne : 12.17 (Assez bien) », avec la moyenne et la mention obtenues (4 pts).

Exemples : moyenne([12, 15.5, 9]) donne 12.17 et mention(12.17) donne Assez bien.

Correction détaillée

Sujet original écrit pour Mission Carthage, dans le format d'un devoir pratique d'informatique (3ème Sciences de l'informatique, technologies du web). Ce n'est pas un sujet officiel.

Tout le programme : 3ème année Sciences de l'informatique · Revoir le cours · Tous les devoirs