Scribd
Importer
43 vues2 pages

Amira Bel Hadj: TP N°6: Javascript

Le document présente plusieurs exercices de programmation en JavaScript, incluant des fonctionnalités pour changer la couleur de fond d'un div et modifier la taille et la couleur d'un textarea. Il décrit également la création de listes déroulantes pour sélectionner des polices, couleurs et tailles, ainsi que la récupération de valeurs de zones de texte pour changer la couleur d'arrière-plan de la page. Chaque exercice demande la rédaction de fonctions spécifiques pour réaliser les modifications souhaitées.

Transféré par

7hrs6b79wq
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd
43 vues2 pages

Amira Bel Hadj: TP N°6: Javascript

Le document présente plusieurs exercices de programmation en JavaScript, incluant des fonctionnalités pour changer la couleur de fond d'un div et modifier la taille et la couleur d'un textarea. Il décrit également la création de listes déroulantes pour sélectionner des polices, couleurs et tailles, ainsi que la récupération de valeurs de zones de texte pour changer la couleur d'arrière-plan de la page. Chaque exercice demande la rédaction de fonctions spécifiques pour réaliser les modifications souhaitées.

Transféré par

7hrs6b79wq
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd

JAVASCRIPT 3STI

TP N°6 : Javascript
Exercice 1 : couleur de fond javascript

Soit la page HTML5 suivante :

1- Ecrire un script javascript contenant :


 Un bloc div de couleur de fond initialement gris

j
 Un titre de niveau 1 « Choisissez votre couleur de fond

ad
 Six liens hypertextes comme indiqué dans la page
 Tous les liens font appel à une même fonction changercouleur (couleur) permettant
de changer la couleur de fond du bloc div
 Une fonction appelée changercouleur (couleur) permettant de changer la couleur

H
de fond de l’élément bloc div d’identificateur id="tab" et de couleur de fond
initialement de couleur gris.
 L’appel de la fonction se fait grâce à href= « javascript : changecouleur(valeur) »
dans le lien
el
Exercice2 : Soit la page HTML suivante
B

On veut écrire un code javascript permettant de modifier la taille et la couleur d’un élément
textarea d’identifcateur nommé « texte » d’un simple clic. La page contient :
a

 4 liens hypertextes comme indiqué dans la page (7, 10 ,16,24)


ir

 Les 4 liens appellent la même fonction changetaille(taille) qui permet de changer la


taille de l’élément textarea.
 7 liens hypertextes images couleurs
m

 Le clic sur une image couleur fait appel à une même fonction changercouleur
(couleur) permettant de changer la couleur de fond du bloc div
Ecrire deux fonctions changetaille(taille) et changecouleur(couleur) permettant de
A

résoudre le problème
Exercice 3 : Ecrire un code html5 comportant :
JAVASCRIPT 3STI
 3 zones de listes déroulantes d’identificateur respectifs « police », « couleur »
et « taille »
o La première liste « police » contient 6 options (« Impact,Charcoal,sans-
serif », « cursive », « arial » « Comic Sans Ms » « helvetica »« courrier »)
o La deuxieme liste « couleur » contient 6 options (« red », « green », « blue »
« yellow» « pink »« aquamarine»)
o La troisieme liste « taille » contient 4 options (« 12px », « 14px », « 16px »
« 18px »)
 Une zone de texte d’identificateur id= « t1 »
 Un bouton contenant un évènement onclick appelant une fonction javascript qui
permet selon le choix de l’utilisateur de modifier le style de la zone de texte.

j
ad
Exercice4 : Le clic sur le bouton change incrémente la valeur d’une zone de texte

Exercice 5 :

H
el
B
a
ir
m

Soit la page html5 suivante contenant 3 zones de textes et un bouton. L’objectif est de créer
une fonction qui récupère le contenu des 3 zones de textes et d’un simple clic sur le bouton
de changer la couleur d’arrière-plan de la page. On suppose que les valeurs saisies par
l’utilisateur sont comprises entre 0 et 255.
A

NB : utiliser la propriété backgroundColor,=rgb( , , )

Vous aimerez peut-être aussi