Devoir de contrôle n°1 STI (série B) : fonctions JavaScript, formulaire de réservation, tableau en CSS

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 ; les lignes de classe pair (une ligne sur deux) ont un fond gris clair (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).