Contrôle 1 javascript

AU TITRE DE L’ANNEE : 2023-2024

Filière : DEV103 Année de formation : 1A

Niveau : TS Type d’épreuve : TH

N° du module : M105 Durée : 2h

Exercice 1 : POO en Javascript 4 points

Une médiathèque contient différents types de médias. Mais quel que soit le média, celui-ci
possède un titre.
On veut définir des médias de natures diverses : des livres, des dictionnaires. A chaque livre
sont associés, en plus, un auteur et un nombre de pages. Les dictionnaires ont, eux, pour
attributs supplémentaires une langue et un nombre de tomes. On voudrait pouvoir manipuler
tous les articles (livres, dictionnaires, etc.) au travers de la même représentation : celle de
média.
1. Définissez les classes Media, ajouter un constructeur et une méthode Tostring() qui affiche
à la console les infos de l’objet. 2pts
2. Définissez les classes Livre et Dictionnaire héritant de la classe Media. Définissez pour
chacune un constructeur permettant d’initialiser toutes ses variables d’instances
respectives.2pts
Exercice 2 : 4 points
1. En utilisant la fonction prompt javascript, saisir deux entiers a et b, ensuite afficher le
plus grand diviseur commun de a et b. 2pts
2. Ecrire une fonction javascript qui prend en paramétre un tableau t d’entiers et qui
retourne un tableau contenant uniquement les nombres premiers présents dans t. 2pts
Exercice 3 : CRUD en Javascript 14 points
Le formulaire précédent permet d’ajouter les infos d’une nouvelle personne à une table html
que l’on ajoutera en dessous du formulaire, la table html contiendra 5 colonnes (nom-
prenom-email-sexe-message-actions).
La colonne actions contiendra 2 boutons (supprimer et éditer).
Soit t un tableau d’objets.

1) Ecrire le code HTML du formulaire et ajouter le tableau html en desso.2pts

2) Après 3 secondes de chargement de page, on demande de changer la couleur
des textes en rouge et d’ajouter un placeholder dans chacun des input.2pts
3) Ajouter le code du bouton submit qui permet d’ajouter la personne dans le
tableau html et aussi dans le tableau d’objet t. 2pts
4) Ecrire le code du bouton éditer permettant de modifier les informations
d’une personne2pts
5) Coder le bouton supprimer en utilisant un message de confirmation.2pts
6) Ajouter un code permettant d’afficher en bas de pages le nombres de
femmes et le nombre d’hommes.2pts