مكتب التكوين المهني وإنعاش الشغل
Office de la Formation Professionnelle et de la Promotion du Travail
Nom Prénom : ………………………………………..CIN………………
Contrôle continu n° … Dev102 Croissant rouge marocain Rabat (2021/2022)
Une page web contient un formulaire d'inscription ; il permet à un utilisateur de saisir son nom, son
prénom, le sexe et la nationalité. Le formulaire permet aussi de choisir les intérêts de l'utilisateur sous
forme de cases à cocher (Lecture, cinéma, ...). Après un clic sur le bouton Afficher, le formulaire affiche
un bloc de texte contenant un résumé de la saisie de l'utilisateur comme dans la figure suivante :
Si l'utilisateur choisit l'option Etrangère (pour la nationalité), un panneau (une balise div) devient visible ;
il contient une liste pour le choix du pays d'origine de l'utilisateur. Le message affiché inclut alors le pays
comme dans la figure suivante :
Page 1 sur 2
1) Ecrire le code HTML de la page web.
2) Ecrire le code JavaScript (et JQuery) du bouton afficher pour réaliser les fonctionnalités demandées, et
faire l'affichage selon les contraintes suivantes :
Si l'utilisateur choisi un seul intérêt, le message s'affiche comme cet exemple :
BENNANI Ali, âge 40 ans. Il est marocain. Son intérêt est : lecture.
Si par contre l'utilisateur effectue plusieurs choix, les intérêts sont séparés par des virgules sauf le
dernier qui est précédé par un « et » comme suit :
BENNANI Ali, âge 40 ans. Il est marocain. Ses intérêts sont : lecture, cinéma et sciences.
Le message affiché doit également tenir compte du choix du sexe : affichage de « Il est
marocain » ou « Elle est marocaine » selon le choix Homme ou Femme.
Page 2 sur 2