Le document propose plusieurs exercices de programmation en JavaScript, y compris la création d'une fonction pour comparer les lettres de deux mots et un formulaire pour rechercher un signe astrologique en fonction d'une date saisie. Il aborde également la gestion des erreurs de saisie des dates, la création d'une feuille de style CSS avec des spécifications précises et des manipulations de formulaires HTML. Enfin, le document inclut des instructions pour un tableau HTML et des liens à intégrer dans un formulaire.

1. 1 VARIANTE 2
Exercice 1 (8 points)
1. Écrire une fonction JavaScript nommée comparer () permettant de comparer les lettres de
deux mots (chaines de caractères) et d’afficher les lettres communes à ces deux mots.
Si la même lettre apparait à plusieurs reprises dans chacun des deux mots, elle sera affichée
autant de fois qu’elle apparait.(4 points)
Exemple d’exécution :
Donnez votre premier mot : photoshop
Donnez votre deuxième mot : papillon
La lettre p est commune aux deux mots
La lettre o est commune aux deux mots
La lettre p est commune aux deux mots
2. Créer un formulaire contenant deux zones de saisie et un bouton "comparer". En cliquant sur
le bouton " comparer ", on appelle la fonction comparer en lui passant comme paramètre le
contenu des deux boîtes de saisie.(4 points)
Exercice 2 (12 points)
1. En utilisant le tableau, ci-dessous, Créer un formulaire permettant de recherche le signe
astrologique correspondant à une date saisie par l’utilisateur.(4 points)
A titre de rappel, voici les périodes correspondant à chaque signe astrologique :
Signe Période
Bélier du 20 mars au 18 avril
Taureau du 19 avril au 19 mai
Gémeaux du 20 mai au 20 juin
Cancer du 21 juin au 21 juillet
Lion du 22 juillet au 21 août
Vierge du 22 août au 21 septembre
Balance du 22 septembre au 22 octobre
Scorpion du 23 octobre au 21 novembre
Sagittaire du 22 novembre au 20
décembre
Capricorne du 21 décembre au 18 janvier
Verseau du 19 janvier au 17 février
Poisson du 18 février au 20 mars
1. Gérer les erreurs de saisie de saisie des dates par les utilisateurs (champs vides, date invalide)
et ajouter un bouton pour imprimer la page(4 points)
OFPPT
T
Office de la Formation Professionnelle et de la Promotion du Travail
Evaluation de Fin de Module: M20Application hypermédias
Année 2012 /2013
21 JUIN 2013
Filière : TSDI
Niveau : 2ème
année Variante 2
Durée : 2h Barème : 40 points

2. 2 VARIANTE 2
2. créer une feuille de style css avec les contraintes suivantes(4 points)
· le fond de la page est de couleur noire
· les tableau borduré d'une épaisseur de 6 pixels, couleur blanche et style groove; les cellules
du tableau ont une largeur de 50 pixels ;
· le texte dans le tableau est écrit en rouge ;
Exercice 3 (4 points)
Créer le formulaire suivant, le clique sur Mes coordonnées va me permettre de pointer sur la page
www.s1.ma , le lien Mon curriculum vitae pointe sur www.cv.ma et Me contacter permet d’envoyer
un mail à candidat@gmail.com
iii. Mes coordonnées
iv. Mon curriculum vitae
v. Me contacter
Exercice 4 (12 points)
Créer le formulaire ci-dessous, tous les champs sont obligatoire, le format de l’adresse mail doit
valide
Exercice 5 (4 points)
1. Réaliser le tableau ci-dessous en utilisant le langage html et les feuilles de styles css:
En suppose que les images se trouvent dans le même dossier de votre page html, et l’extension de ces
images est jpeg