Direction Régionale TTA
Examen de fin de module Régional
M105 : Programmation JavaScript
Filière : Développement Digital Épreuve : Théo/Pratique
Année : 2023 - 2024 Variante : 1 – Page 01/02
Niveau : Technicien Spécialisé Barème : 40 Pts
Date : Vendredi 05 Juillet 2024 Durée : 02H00
Partie Théorique: (16 points)
Exercice 1 - QCM (6 x 2pts)
1- Comment définir en javascript la largeur de l'image, dont l’id égale à "img1", à 120 ?
a- [Link]("img1").length="120";
b- [Link](img1).width="120";
c- [Link]("img1").width="120";
d- [Link]("img1").length="120";
2- Laquelle de ces lignes de code remplace le contenu d'une page Web par "OFPPT" ?
a- [Link]("OFPPT"); c- [Link]("OFPPT");
b- [Link] ="OFPPT"; d- [Link]="OFPPT";
3- L'objet "document" par rapport à l'objet "window" est:
a- n'a aucun lien avec c- frère
b- fils d- père
4- Comment sortir d'une boucle for() ou while() ?
a- break c- continue
b- exit d- end
5- Quelle instruction ouvre une nouvelle fenêtre ?
a- [Link]() c- [Link]()
b- [Link]() d- [Link]()
6- En jQuery Comment peut-on modifier la couleur de fond de la page dynamiquement en jaune
doré ?
a- $("body").css("background:gold");
b- $("body").css("background-color","gold");
c- $("body").css({background-color:gold});
d- $("body").background("#fc0");
Exercice 2 : (4 points)
Rédiger le script qui permet vérifier si le checkbox <input type="checkbox" id="c1"> est coché.
En javascript et en JQuery.
Direction Régionale TTA
Examen de fin de module Régional
M105 : Programmation JavaScript
Partie Pratique : ( 24 points )
Une société souhaite créer une page qui affiche les informations de ses employés sur son site web.
1. Donner le code HTML/CSS de la page suivante : (6pts)
(La page contient un formulaire et un tableau des employés déjà entrés).
2. La société ne permet pas de saisir un salaire au-dessous du salaire minimal qui est 5000 dirhams,
Ecrire la fonction checkSalaire() qui permet de vérifier si le salaire entré est valide. (3pts)
3. Créer la fonction EmptyInput() qui permet de tester si tous les champs sont remplis
y compris la photo. (3pts)
4. Créer une fonction add() qui permet d’ajouter un employé au tableau. (8pts)
5. Créer une fonction remove() qui permet de supprimer un employé sélectionné sur le tableau.(4pts)
Direction Régionale TTA
Examen de fin de module Régional
M105 : Programmation JavaScript
Filière : Développement Digital Épreuve : Théo/Pratique
Année : 2023 - 2024 Variante : 2 – Page 01/02
Niveau : Technicien Spécialisé Barème : 40 Pts
Date : Vendredi 05 Juillet 2024 Durée : 02H00
Partie Théorique: (16 points)
Exercice 1 - QCM (6 x 2pts)
1- DOM
a- est un moteur de bases de données c- décrit la structure du document
b- ne peut pas être manipulé par HTML
JavaScript d- est spécifique à JavaScript
2- Quelle est la syntaxe correcte pour vérifier la valeur de « c » ?
a- if (c == "XYZ") then { } else { } c- if (c == "XYZ") { } else { }
b- if (c = "XYZ") then { } else { } d- if (c = "XYZ") { } else { }
3- Dans la hiérarchie des objets, quel est le parent direct de l'objet "form" ?
a- location c- document
b- body d- window
4- Que renvoie [Link](2,4) si ch1 ="ABCDEF" ?
a- CDE c- CD
b- BCD d- BCDE
5- En jQuery Comment peut-on ajouter un texte en bas de document avant la fin de l'élément
<body> ?
a- $("body").append("<p>texte</p>");
b- $("body").prepend("<p>texte</p>");
c- $("<p>texte</p>").prepend("body");
d- $("<p>texte</p>").append("body");
6- Quel est le résultat du code suivant :
a- 9 c- NaN
b- 27 d- Undefined
Exercice 2 : (4 points)
Rédiger le script qui permet de changer l'image <img src="[Link]" id="im1" /> par "[Link]".
En javascript et en JQuery.
Direction Régionale TTA
Examen de fin de module Régional
M105 : Programmation JavaScript
Partie Pratique : ( 24 points )
Le club « Happy Karaté » souhaite gérer l’inscription de ses adhérents en ligne.
1. Donner le code HTML/CSS de la page inscription suivante : (6pts)
(La page inscription contient un formulaire et un tableau des inscriptions effectuées).
2. Le club n’accepte que les enfants ayant un âge entre 6 et 16 ans, Ecrire la fonction checkAge() qui
permet de vérifier si l’âge entré est valide. (3pts)
3. Créer la fonction EmptyInput() qui permet de tester si tous les champs sont remplis y compris la
photo. (3pts)
4. Créer une fonction add() qui permet d’ajouter un enfant au tableau d’inscriptions. (8pts)
5. Créer une fonction remove() qui permet de supprimer un enfant sélectionné dans le tableau des
inscriptions. (4pts)
