Vous êtes sur la page 1sur 3

TP : Atelier web 2 TI1.

Travaux Pratique 2 :
Les objets Date, Array et String en JavaScript
Objectifs
• Manipuler les méthodes de l’objet Date et l’objet String
• Afficher la date te l’heure système en développant des fonctions personnalisées.

1. L’objet Date :
On suppose que les fonctions développées sont appelées par l’attribut onload de body.
a. Afficher la date système

Créer un document HTML qui permet d'écrire (afficher) la date système sous la forme
suivante : jj/mm/aaaa
Ajouter les contrôles nécessaires pour que l’affichage des valeurs inférieures à 10 soient
précédées par un 0. Exemple : la date 2/3/2011 doit s’afficher 02/03/2011.

b. Afficher l’heure système

Ajouter au document précédent le traitement qui permet d'écrire (afficher) l’heure système
sous la forme suivante : h : m : s
Ajouter les contrôles nécessaires pour que l’affichage des valeurs inférieures à 10 soient
précédées par un 0. Exemple : l’heure 9 : 8 : 44 doit s’afficher 09 : 08 : 44.

c. Améliorer l’affichage de la date système

On veut maintenant améliorer l’affichage de la date système, de telle manière que la date
affichée 02/03/2011 devient sous la forme suivante : Mercredi 02 Mars 2011.
Pour cela, il faut créer 2 tableaux (de type Array()) : l’un contenant les noms des jours de
la semaine et l’autre les noms des mois de l’année.
Utiliser ces 2 tableaux pour afficher la date comme indiquée plus haut.

d. Améliorer l’affichage de l’heure système

On veut maintenant améliorer l’affichage de l’heure système de telle manière que l’heure
change de valeur toute les secondes (l’heure ne reste plus fixe).
Pour cela il faut appeler la fonction qui affiche l’heure système (exercice b.) toute les
secondes de manière récursive.

Page 5 sur 18 Amen Ajroud & Boughizane Jalel (ISET SOUSSE)


TP : Atelier web 2 TI1.*

L’heure système sera affichée dans un champs de texte d’un formulaire et sera actualisée
toute les secondes en utilisant la méthode javascript setTimeout()(voir support de cours).

e. Comparer deux dates

On souhaite convertir deux chaînes saisies au format "jj/mm/aaaa" en objet date javascript,
puis comparer ces deux dates et afficher le résultat de comparaison.

2. L’objet String :
a. Longueur et conversion d’une chaîne

Ecrire une page HTML dont le code javascript, saisit une chaîne correspondante à un Prénom,
puis affiche ce prénom, en majuscule, ainsi que sa longueur (utiliser la propriété length).

b. Décomposition d’une chaîne

Ecrire une page HTML dont le code javascript saisie une chaîne ayant le format d’une date
"15/03/2010" puis affiche dans la page web le jour, le mois et l’année séparés comme suit :
Jour = 15
Mois = 03
Année = 2010

c. Extraction d’une chaîne

Ecrire une page HTML dont le code javascript saisit une chaîne ayant le format d’une adresse
URL complète puis extrait de cette URL celle du serveur. Exemple :
La chaîne saisie est = "http://www.technologie-web.com/app/fr/index.html"
L’URL du serveur = www.technologie-web.com

d. Conversion de chaînes

Ecrire une page web dont le code javascript saisi un prénom puis l’affiche toujours selon le
format suivant : 1ère lettre majuscule, le reste minuscule. Exemples :
Exemple 1 Exemple 2 Exemple 3
Prénom saisie: ahmed Prénom saisie: AHMED Prénom saisie: aHMED
Prénom affiché:Ahmed Prénom affiché:Ahmed Prénom affiché:Ahmed
Remarque : vous pouvez utilisez la méthode chaine.substring(position1) sans
position2 qui signifie extraire une sous-chaîne de position1 jusqu’à la fin de la chaîne.

e. Décomposition d’une chaîne (méthode générale)

Page 6 sur 18 Amen Ajroud & Boughizane Jalel (ISET SOUSSE)


TP : Atelier web 2 TI1.*

a) Ecrire une page web dont le code javascript saisit une chaîne correspondante à une adresse
URL puis affiche le dernier label (suffixe) de l’adresse. Exemple :
Chaîne saisie = "www.google.com"
Label affiché = .com

b) Modifier le code précédent pour qu’il affiche tous les labels d’une adresse séparés.
Exemple : pour "www.google.com",
On affichera :
www
google
com

Page 7 sur 18 Amen Ajroud & Boughizane Jalel (ISET SOUSSE)