Devoir pratique STI n°12 : le site du club sportif, le tableau des membres en JavaScript et la table des membres en SQL

Exercice 1 : le tableau des membres (8 pts)

Le site du club sportif du lycée a la page membres.html suivante, reliée au fichier membres.js. Son bouton « Afficher les membres » construit le tableau des membres avec la fonction afficher(), donnée dans la page : chaque ligne est construite par JavaScript, et la cellule de l'âge reçoit une classe CSS selon la catégorie du membre.

<!DOCTYPE html>
<html lang="fr">
<head>
  <meta charset="utf-8">
  <title>Club sportif</title>
  <style>
    .minime { color: green; }
    .cadet { color: blue; }
    .junior { color: purple; font-weight: bold; }
  </style>
</head>
<body>
  <h1>Les membres du club sportif</h1>
  <input type="button" id="afficher" onclick="afficher()" value="Afficher les membres">
  <table border="1">
    <thead><tr><th>Nom</th><th>Âge</th></tr></thead>
    <tbody id="lignes"></tbody>
  </table>
  <script>
    var noms = ["Amine", "Rim", "Sarra", "Omar", "Yassine"];
    var ages = [17, 15, 18, 16, 19];
    function afficher() {
      var html = "";
      for (var i = 0; i < noms.length; i++) {
        html = html + ligneMembre(noms[i], ages[i]);
      }
      document.getElementById("lignes").innerHTML = html;
    }
  </script>
  <script src="membres.js"></script>
</body>
</html>

• 1) Écrire la fonction categorie(age) qui renvoie "minime" si age < 16, "cadet" si age ≤ 17 et "junior" sinon (4 pts).
• 2) Écrire la fonction ligneMembre(nom, age) qui renvoie le code HTML de la ligne du tableau, la cellule de l'âge ayant la classe donnée par categorie (4 pts).

Exemple : ligneMembre("Rim", 15) donne <tr><td>Rim</td><td class="minime">15</td></tr>.

Exercice 2 : les membres du club sportif (12 pts)

Les membres de la page de l'exercice 1 sont rangés dans la table membre (id, nom, age, sport, email) de la base du club ; email peut être vide (NULL). Elle contient :

• (1, Amine, 17, Football, [email protected]), (2, Rim, 15, Handball, NULL), (3, Sarra, 18, Football, [email protected]),
• (4, Omar, 16, Natation, NULL), (5, Yassine, 19, Football, [email protected]).

• 1) Écrire la requête qui ajoute le membre 6, Hedi, 15 ans, en natation, sans adresse email (3 pts).
• 2) Écrire la requête qui affiche le nom et l'âge des membres de plus de 16 ans qui font du football, du plus âgé au plus jeune (3 pts).
• 3) Écrire la requête qui affiche les noms des membres qui n'ont pas d'adresse email, par ordre alphabétique (3 pts).
• 4) Rim passe du handball au basket : écrire la requête qui modifie son sport (3 pts).

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