Devoir de contrôle n°1 STI (série B) : fonctions JavaScript, formulaire de réservation, tableau en CSS
Les pages se testent dans un navigateur. Les fonctions JavaScript de cette correction ont été exécutées avec les valeurs d'exemple données. Barème sur 20 points.
Exercice 1 : fonctions JavaScript (6 pts)
Écrire en JavaScript les trois fonctions suivantes, sans utiliser les méthodes de tableau comme filter, map ou reduce :
- estPremier(n) renvoie true si l'entier n est premier (il a exactement deux diviseurs : 1 et lui-même), sinon false (2 pts).
- nbVoyelles(ch) renvoie le nombre de voyelles (a, e, i, o, u, y, en minuscule ou en majuscule) de la chaîne ch (2 pts).
- capitaliser(phrase) renvoie la phrase où la première lettre de chaque mot est en majuscule ; les mots sont séparés par un seul espace (2 pts).
Exemples : estPremier(13) donne true, estPremier(1) donne false, nbVoyelles("Informatique") donne 6 et capitaliser("bac blanc national") donne "Bac Blanc National".
Exercice 2 : formulaire de réservation (8 pts)
Un cinéma propose une page de réservation. Le formulaire contient :
- une zone de texte nom (le nom du client) et une zone de texte places (le nombre de places, de 1 à 10) ;
- deux boutons radio de même nom tarif : normal (8 dinars la place, coché par défaut) et étudiant (5 dinars la place) ;
- une case à cocher popcorn (supplément de 3 dinars par place) ;
- un bouton Réserver et un paragraphe resultat pour le message.
- 1) Écrire le code HTML du formulaire. Il appelle la fonction reserver() quand on le valide (2 pts).
- 2) Écrire la fonction placesValides(ch) qui renvoie true si la chaîne ch ne contient que des chiffres et représente un nombre entre 1 et 10 (2 pts).
- 3) Écrire la fonction prix(places, etudiant, popcorn) qui renvoie le prix total ; etudiant et popcorn sont des booléens (2 pts).
- 4) Écrire la fonction reserver() qui vérifie le nom (non vide) et le nombre de places, puis affiche dans le paragraphe resultat soit un message d'erreur, soit « Sami : 3 place(s), total 24 dinars ». Le formulaire ne doit jamais être envoyé (2 pts).
Exercice 3 : un tableau de résultats en CSS et JavaScript (6 pts)
Une page affiche les résultats d'une classe dans un tableau HTML d'identifiant notes. Chaque ligne du corps du tableau contient le nom de l'élève et sa note.
- 1) Écrire les règles CSS suivantes : les bordures du tableau et des cellules sont fusionnées et font 1px de gris ; l'en-tête (th) a un fond bleu foncé et un texte blanc ; une ligne sur deux du tableau a un fond gris clair (sans ajouter de classe dans le HTML) (3 pts).
- 2) Les lignes des élèves admis ont la classe admis (texte vert) et les autres la classe refuse (texte rouge). Écrire ces deux règles CSS (1 pt).
- 3) Écrire la fonction JavaScript ligne(nom, note) qui renvoie le code HTML d'une ligne du tableau, avec la bonne classe : par exemple ligne("Sami", 12) renvoie <tr class="admis"><td>Sami</td><td>12</td></tr> (2 pts).
Correction détaillée
La correction de ce devoir est réservée aux abonnés. Elle donne l'analyse, l'algorithme en notation tunisienne, le programme Python vérifié et les erreurs fréquentes de chaque exercice. Avec un compte gratuit, tu peux ouvrir 3 corrections de ton choix.
Connecte-toi d'abord : créer un compte ou me connecter.
Tu as encore 0 correction(s) gratuite(s) à utiliser.
Il te faut un abonnement actif pour les autres corrections. Voir les tarifs ou demander un code sur WhatsApp, Instagram ou Facebook.
Mission Carthage est en période de test : le site s'ouvre avec un code d'accès. Demande ton code sur WhatsApp, Instagram ou TikTok, puis tape-le sur missioncarthage.tn.
Cette correction n'est pas encore publiée. Reviens bientôt.
Impossible de charger la correction. Vérifie ta connexion et réessaie.
Sujet original écrit pour Mission Carthage, deuxième série d'entraînement pour le devoir de STI (technologies du web) du bac Sciences de l'informatique.
Tout le programme : Bac Sciences de l'informatique · Revoir le cours · Tous les devoirs