TD TW 2020 2021 1

Université M’hamed Bougara de Boumerdes Mme
S.MECHID
TDTechnologies Web – Réseaux et Télécommunication/M2–
Exercice 1
Ecrire le script associé à A, B et C
A. Soit le tableau suivant
var tab = [AA,AB,AC,AD,AE,BA,BB,BC]
a) Cette instruction contient des fautes. Lesquelles ?
b) Donner une autre déclaration du tableau « tab »
c) Comment retrouver le dernier élément de cette liste ?
d) Partant de la liste ci-dessus que vous aurez corrigée, afficher tous les éléments
e) Afficher tous les éléments en deux colonnes
B.
Soit une chaine de caractères myString = 'Ceci est une chaîne de caractères'
1. Donner la taille de cette chaine
2. Convertir la chaine en majuscule
3. Découper cette chaine en tableau (soit TabString ce tableau)
4. Ajouter « JavaScript » au tableau obtenu
5. Afficher le 6eme élément du tableau
6. Afficher le 3eme mot de la chaine myString
C.
On veut enregistrer les noms des étudiants demandés par l’utilisateur, écrire les scripts
dans les deux cas suivants :
1. Les noms seront stockés dans une chaîne de caractères séparée par un blanc
2. Les noms seront stockés dans un tableau et les affichés par la suite séparée par un
blanc
Exercice 2
Soit les déclarations suivantes :
var jours1 = new Array("Lundi", "Mardi", "Mercredi", "Jeudi")

var jours2 = new Array("Vendredi", "Samedi", "Dimanche");
Selon les résultats donnés, déduire le rôle des fonctions : concat, reverse, sort, slice et splice
1. var jours3=jours1.concat(jours2); alert (jours3) donne comme résultat :

jours3=("Lundi", "Mardi", "Mercredi", "Jeudi", "Vendredi", "Samedi", "Dimanche")
1 2020-2021
1
S.MECHID
2. alert (jours3.reverse()); donne : jours3=("Dimanche" , "Samedi", "Vendredi","Jeudi",

"Mercredi", "Mardi", "Lundi")
3. alert (jours3.sort()); donne : jours3=("Dimanche" , "Jeudi", "Lundi" ,

"Mardi","Mercredi", "Samedi", "Vendredi",)
4. Alert(jours3.slice(2,6)); donne :jours3=("Lundi" , "Mardi","Mercredi", "Samedi")
5. alert(jours3.splice(1,4)) ; donne : jours3=("Jeudi", "Lundi" , "Mardi", "Mercredi")
Exercice 3
Nous disposons d’une pop-list permettant de choisir la langue (français ou anglais) ; selon
la langue choisie, une autre liste déroulante affichera automatiquement les jours de la
semaine dans la langue sélectionnée.
Exercice 4
Nous disposons d’un formulaire comportant un textarea et un bouton ;
En appliquant l’évènement « onMouseOver » à ce bouton , le textarea reçois 5 lignes comme
suit :
Cours1
Cours2
Cours3
Cours4
Cours5
Exercice 5
Vous avez un formulaire comportant les champs suivants :
Nom et Prénom ; sexe (pop-list : choix du sexe, Homme, Femme) ; les loisirs à choisir
(checkbox)
Les contrôles côté client sont les suivants :
Le nom et le prénom ne doivent pas être vides
Il faut choisir la valeur sexe « Homme ou Femme »
Il faut choisir 3 loisirs (exacte)
2 2020-2021
2
S.MECHID
Exercice 6 examen 2019-2020
Soit le formulaire comportant les informations suivantes :

<form name="examen">
<div style="text-align: center;"> SOCIETE TW <br></div>
Matriculeclient :<input name="mat" id="twmat" type="text"><br>
Nom client :<input name="nom" id="twnom" type="text"><br>
Prenoms client :<input name="prenom" id="twprenom"type="text"><br>
Articles à choisir :<br>
<inputname="article" value="article1" type="checkbox">Article1<br>
</form><div style="text-align: center;"><input value="Valider Choix" name="Valider "
type="submit"><br></div>
Les contrôles côté client sont :

a. Le 3eme caractère du Matricule doit être alphabétique ;
b. Matricule, Nom et prénom ne doivent pas être vides ;
A. Réaliser avec javascript
1. Les contrôles a et b (une seule fonction pour a et b);(préciser l’évènement déclencheur)
2. La première case des articles à choisir doit être cochée par défaut, donner deux
solutions possibles pour réaliser ce traitement ;
3. Dans le cas où il y a plusieurs articles sélectionnables, ranger les dans un tableau
dynamique en mentionnant le nombre d’articles sélectionnés ;(Utiliser la méthode
getElementsByTagName())
L’évènement onclick est déclenché à partir du bouton de valeur « Valider Choix »
B. Compléter le formulaire avec :
a. Un textarea contenant la phrase suivante :
«
EnHTML :Exemple<textarea name="bio" cols="40" rows="5">
Le cours est constitue De TP, TD et cours </textarea> »
Et un bouton de valeur remplacer texte et un évènement onclick
b. Ecrire un script qui permet de modifier la phrase par : « Très bien vous avez
compris ! » suite au click du bouton de la question a
3 2020-2021
3

TD TW 2020 2021 1

Transféré par

Droits d'auteur :

Formats disponibles

TD TW 2020 2021 1

Transféré par

Informations du document

Description originale:

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

TD TW 2020 2021 1

Transféré par

Droits d'auteur :

Formats disponibles

Université M’hamed Bougara de Boumerdes Mme

TDTechnologies Web – Réseaux et Télécommunication/M2–

Soit les déclarations suivantes :

var jours1 = new Array("Lundi", "Mardi", "Mercredi", "Jeudi")

1. var jours3=jours1.concat(jours2); alert (jours3) donne comme résultat :

2. alert (jours3.reverse()); donne : jours3=("Dimanche" , "Samedi", "Vendredi","Jeudi",

3. alert (jours3.sort()); donne : jours3=("Dimanche" , "Jeudi", "Lundi" ,

4. Alert(jours3.slice(2,6)); donne :jours3=("Lundi" , "Mardi","Mercredi", "Samedi")

5. alert(jours3.splice(1,4)) ; donne : jours3=("Jeudi", "Lundi" , "Mardi", "Mercredi")

Exercice 6 examen 2019-2020

Soit le formulaire comportant les informations suivantes :

Les contrôles côté client sont :

Vous aimerez peut-être aussi