1

VARIANTE 2











Exercice 1 (8 points)
1. crire une fonction JavaScript nomme comparer () permettant de comparer les lettres de
deux mots (chaines de caractres) et dafficher les lettres communes ces deux mots.
Si la mme lettre apparait plusieurs reprises dans chacun des deux mots, elle sera affiche
autant de fois quelle apparait.(4 points)
Exemple dexcution :
Donnez votre premier mot : photoshop
Donnez votre deuxime 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. Crer 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 paramtre le
contenu des deux botes de saisie.(4 points)
Exercice 2 (12 points)
1. En utilisant le tableau, ci-dessous, Crer un formulaire permettant de recherche le signe
astrologique correspondant une date saisie par lutilisateur.(4 points)
A titre de rappel, voici les priodes correspondant chaque signe astrologique :

Signe Priode
Blier du 20 mars au 18 avril
Taureau du 19 avril au 19 mai
Gmeaux du 20 mai au 20 juin
Cancer du 21 juin au 21 juillet
Lion du 22 juillet au 21 aot
Vierge du 22 aot au 21 septembre
Balance du 22 septembre au 22 octobre
Scorpion du 23 octobre au 21 novembre
Sagittaire du 22 novembre au 20
dcembre
Capricorne du 21 dcembre au 18 janvier
Verseau du 19 janvier au 17 fvrier
Poisson du 18 fvrier au 20 mars

1. Grer 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 hypermdias
Anne 2012 /2013
21 JUIN 2013
Filire : TSDI
Niveau : 2
me
anne Variante 2
Dure : 2h Barme : 40 points

2
VARIANTE 2

2. crer 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)
Crer le formulaire suivant, le clique sur Mes coordonnes 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 denvoyer
un mail candidat@gmail.com
iii. Mes coordonnes
iv. Mon curriculum vitae
v. Me contacter

Exercice 4 (12 points)
Crer le formulaire ci-dessous, tous les champs sont obligatoire, le format de ladresse mail doit
valide




Exercice 5 (4 points)
1. Raliser le tableau ci-dessous en utilisant le langage html et les feuilles de styles css:
En suppose que les images se trouvent dans le mme dossier de votre page html, et lextension de ces
images est jpeg