TP4_P3 JavaScript Systèmes, technologies et Internet 2020-2021
-Les traitements sur les objets (Date, string, Array,
Number, Math)
- Les méthodes prédéfinies à utiliser.
Objectif
-La portée des variables.
-Les structures de contrôles.
-Manipuler des modules.
-Expression régulière.
Taper le code suivant puis donner le rôle de chaque méthode :
Code
3ème Science Info Lycée Benane/Bodher Prof : Ben Fredj Narjess |page1
TP4_P3 JavaScript Systèmes, technologies et Internet 2020-2021
Var d=new Date()
getDay()
----------------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------
getMonth()
----------------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------
getFullYear()
----------------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------
getHours()
----------------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------
getMinutes()
----------------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------
getSeconds()
----------------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------
getTime()
----------------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------
getDate()
----------------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------
Date.now()
----------------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------
3ème Science Info Lycée Benane/Bodher Prof : Ben Fredj Narjess |page2
TP4_P3 JavaScript Systèmes, technologies et Internet 2020-2021
Activité 2 :
Créer le formulaire suivant qui permet à un internaute de faire entrer sa date de
naissance puis calculer son âge et le nombre des jours restants pour son prochain
anniversaire.
Activité 3 :
Créer le formulaire suivant qui permet à un internaute de vérifier la croissance
d’un bébé. Pour avoir cette information l’internaute doit donner l’âge, le poids et la taille
du bébé. A la fin l’interface affichera le message Croissance Normale ou Croissance
Anormale selon les valeurs données par l’internaute et les valeurs représentées dans le
tableau ci-dessous qui seront enregistrées dans l’interface.
Fille Garçon
Age Poid Taille Poid Taille
1 4,1 53,4 4,4 54 ,4
2 5 56,6 5,4 57,9
3 5,8 59,8 6,4 61,4
4 6,4 62,11 7 63,9
5 6,9 64 7,5 65,9
6 7,3 65,7 7,9 67,6
7 9,5 73 9,8 73
8 10,2 74 10,2 74
9 10,8 75 10,8 75
10 11,2 77 11,2 77
11 11,5 78 11,5 78
12 11,8 79 11,8 79
13 12,9 85 13,9 87
3ème Science Info Lycée Benane/Bodher Prof : Ben Fredj Narjess |page3
TP4_P3 JavaScript Systèmes, technologies et Internet 2020-2021
Activité 4 :
L’interface suivante est un jeu de devinette à travers laquelle le visiteur de la page sera nommé
gagnant s’il devine l’un des nombres présent dans une liste des valeurs entre 1 et 100 générée par la page.
-Tout d’abord l’internaute fait entrer le nombre des éléments de cette liste qui sera un entier entre 6 et 10.
- Après que la page génère la liste, elle affichera la valeur minimale et maximale dans la liste.
-Puis l’internaute choisie un nombre entre min et max.
-Si ce nombre est l’un des valeurs de cette liste l’interface affichera à l’internaute la liste et le message "vous
avez gagné".
-Si ce nombre n’est pas dans la liste l’interface affichera à l’internaute la liste et le message "vous avez
perdu".
3ème Science Info Lycée Benane/Bodher Prof : Ben Fredj Narjess |page4
TP4_P3 JavaScript Systèmes, technologies et Internet 2020-2021
Activité 5 :
Créer le formulaire suivant qui permet à un internaute de calculer l’indice de la
masse corporelle.
Activité 6 :
Le formulaire suivant permet à internaute de créer un compte d’inscription à un site. Le mot de passe de
ce compte sera générer automatiquement par cette interface.
3ème Science Info Lycée Benane/Bodher Prof : Ben Fredj Narjess |page5
TP4_P3 JavaScript Systèmes, technologies et Internet 2020-2021
Pour générer le mot de passe :
-Il faut que tous les champs soit rempli par l’internaute.
-l’adresse mail doit être de la forme suivante:
Le nom de l’utilisateur est formé uniquement de caractère alphanumérique (a-z / 0-9) et du symbole
point(.).
Le nom d’utilisateur commence et ce termine obligatoirement par une lettre et contient un seul point.
D’un seul arobase(@) que l’on prononce « at » en anglais.
L’identifiant est une chaine de longueur minimale égale à 6.
Nom de domaine qui est le fournisseur du courrier électronique.
-Le mot de passe généré est une chaine composé de plusieurs sous chaine:
Exemple :
Adresse = emilie [email protected]
ch2
Date de naissance=20 06 -12-02
ch1
Mot de passe = ch1+ ch2(en majuscule) + ch3 (remplacer le dernier caractère de ch2 par le caractère )+
position du dernier point dans l’adresse mail.
3ème Science Info Lycée Benane/Bodher Prof : Ben Fredj Narjess |page6
TP4_P3 JavaScript Systèmes, technologies et Internet 2020-2021
Activité 7 :
1. Créer une page web intitulée « Examen.html» contenant le formulaire suivant :
2. Le clic sur le bouton corriger fait appel à une fonction JacaScript nommée verif() qui permet de:
Vérifier que les champs de saisie CIN, Nom et Prénom sont différents de vide.
Vérifier que le CIN est une chaine de 8 chiffres.
Vérifier que le Nom et Prénom sont deux chaines alphabétiques.
Afficher un message indiquant le nombre des réponses correctes et celui des réponses fausses comme
indique l’image ci-dessous.
Le clic sur le bouton Annuler permet de mettre tous les champs du formulaire à leurs valeurs par défaut.
NB :
Les réponses correctes sont :
Question1 : + , - , *, /
Question2 : mod
Question3 : 2 – 1 – 3
3ème Science Info Lycée Benane/Bodher Prof : Ben Fredj Narjess |page7
TP4_P3 JavaScript Systèmes, technologies et Internet 2020-2021
Activité 8 :
L’interface suivante permet à un élève de calculer sa moyenne trimestrielle en matière STI
puis d’afficher sa mention.
3ème Science Info Lycée Benane/Bodher Prof : Ben Fredj Narjess |page8
