TP4 JavaScript P3 PARTAGE

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
Var d=new Date()
 getDay()
----------------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------
 getMonth()
----------------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------
 getFullYear()
----------------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------
 getHours()
----------------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------
 getMinutes()
----------------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------
 getSeconds()
----------------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------
 getTime()
----------------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------
 getDate()
----------------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------
 Date.now()
----------------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------
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
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".
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.
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 .dupondt@gmail.com
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.
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
Activité 8 :
L’interface suivante permet à un élève de calculer sa moyenne trimestrielle en matière STI

puis d’afficher sa mention.

TP4 JavaScript P3 PARTAGE

Transféré par

Informations du document

Titre original

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

TP4 JavaScript P3 PARTAGE

Transféré par

Droits d'auteur :

Formats disponibles

TP4_P3 JavaScript Systèmes, technologies et Internet 2020-2021

-Les traitements sur les objets (Date, string, Array,

Taper le code suivant puis donner le rôle de chaque méthode :

Var d=new Date()

Créer le formulaire suivant qui permet à un internaute de faire entrer sa date de

Créer le formulaire suivant qui permet à un internaute de calculer l’indice de la

Pour générer le mot de passe :

Date de naissance=20 06 -12-02

1. Créer une page web intitulée « Examen.html» contenant le formulaire suivant :

L’interface suivante permet à un élève de calculer sa moyenne trimestrielle en matière STI

Vous aimerez peut-être aussi