Scribd
Importer
35 vues2 pages

TP2 JS

Le TP2 sur les tableaux en développement web consiste en deux activités principales. La première activité demande de créer un script pour personnaliser la couleur de fond d'une page web à partir de tableaux de couleurs. La seconde activité implique la création d'un graphique à barres où l'utilisateur saisit le nombre et la longueur des barres à afficher.

Transféré par

Sofiane SH
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
35 vues2 pages

TP2 JS

Le TP2 sur les tableaux en développement web consiste en deux activités principales. La première activité demande de créer un script pour personnaliser la couleur de fond d'une page web à partir de tableaux de couleurs. La seconde activité implique la création d'un graphique à barres où l'utilisateur saisit le nombre et la longueur des barres à afficher.

Transféré par

Sofiane SH
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

Atelier Développement Web et Multimédia TI11

TP2 : Les Tableaux


Objectifs du TP :
- Proposer des solutions basées sur l’objet Array.

Activité 1 :
Le but est de créer un script permettant de personnaliser la couleur de fond d’une page web.
Pour ce faire :
1- Créer le tableau couleur contenant les couleurs suivantes : rouge, jaune, vert, bleu,
blanc, violet, rose et orange.
2- Créer le tableau color contenant, par ordre, l’équivalent en anglais des couleurs du
tableau précédent.
3- Demander à l’utilisateur de taper le nom d’une couleur de fond.

4- Changer la couleur de fond selon le choix de l’utilisateur en utilisant la propriété


bgColor de l’objet document.

Activité 2 :
Ecrire un script qui permet de créer un graphique à barres (histogramme).
Le script doit tout d’abord, à l’aide de la fonction nombreBarres( ), demander à
l’utilisateur de saisir le nombre de barres qu’il veut voir figurer dans le graphique.

Mme Nour EL AOUINI AU : 2020/2021


Ensuite, en fonction du nombre de barres choisi, le script demande à l’utilisateur de saisir la
longueur de chaque barre et enregistre les valeurs saisies dans le tableau T_long.
La fonction longueurBarres(nbarres,t) se charge d’effectuer ce traitement.

La fonction traceBarres(t) permet enfin de tracer les barres dans la page web. Chaque
barre est considérée comme une suite de carrés placés successivement sur la même ligne.
Pour dessiner un carré sur la page web, utiliser le code suivant :

[Link]("code HTML d’insertion de l’image [Link]");

La figure ci-dessous est un histogramme de 4 barres de longueurs 2, 5, 3 et 8.

BON TRAVAIL

Mme Nour EL AOUINI AU : 2016/2017

Vous aimerez peut-être aussi