Scribd
Importer
213 vues2 pages

TP4 Java Script

Ce document contient des exercices sur les fonctions, les tableaux et les objets Date en JavaScript. Le premier exercice demande de créer une fonction de calcul de prix. Le deuxième exercice concerne la création d'un script permettant de changer la couleur de fond d'une page. Le troisième exercice porte sur l'affichage de la date et de l'heure en utilisant des tableaux pour les jours et les mois.

Transféré par

mahmoud01 ayachi
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
213 vues2 pages

TP4 Java Script

Ce document contient des exercices sur les fonctions, les tableaux et les objets Date en JavaScript. Le premier exercice demande de créer une fonction de calcul de prix. Le deuxième exercice concerne la création d'un script permettant de changer la couleur de fond d'une page. Le troisième exercice porte sur l'affichage de la date et de l'heure en utilisant des tableaux pour les jours et les mois.

Transféré par

mahmoud01 ayachi
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

EPI DIGITAL SCHOOL

TP4 Les bases de Javascript

DUREE: 3H LOGICIEL UTILISE: VS code

EXERCICE 1 : FONCTIONS JS
Le but de cet exercice est de calculer à partir du prix unitaire d’un produit et de sa quantité,
les informations suivantes :
✓ Le prix global = quantité * prix unitaire
✓ Le prix hors taxe=prix global/1.2
✓ La TVA =prix hors taxe * 0.2
✓ Et le prix TTC= prix hors taxe + tva

Ensuite, il faut les afficher sous la forme suivante :


PU Quantité Prix global Hors taxe TVA TTC
25 10 250 208.33 41.66 249
Travail demandé :
1- Ecrire La fonction JavaScript Calcul(…) qui permet de calculer le prix global, le prix hors
taxe, la tva et le TTC et les afficher sous forme d’un tableau.
2- Ecrire le code Javascript qui permet de récupérer de l’utilisateur, à travers des fenêtres de
dialogue le prix unitaire et la quantité.
3- Faire appel à la fonction précédente.

Indication
La fonction Math.round(x*100)/100 permet d’arrondir le nombre x à deux chiffres après la virgule.

EXERCICE 2 : OBJET ARRAY


Le but est de créer un script permettant de personnaliser la couleur de fond d’une page web.
Pour ce faire le code suivant a été proposé:
<!DOCTYPE HTML>
<html>
<head>
<script>
function changeColor(color) {
document.body.style.background = color;
}
</script>
</head>
<body style = "text-align:center;">
1
EPI DIGITAL SCHOOL

<h1>exemple1<span style="color:red">avec</span>JavaScript</h1>
<p><b>Cliquez sur le bouton pour changer la couleur du background.</b></p>
<button onclick = "changeColor('blue');">Bleu</button>
<button onclick = "changeColor('green');">Vert</button>
<button onclick = "changeColor('red');">Rouge</button>
<button onclick = "changeColor('yellow');">Jaune</button>
</body>
</html>

1- Exécuter ce code
2- Créer le tableau couleur contenant les couleurs suivantes : rouge, jaune, vert, bleu,
blanc, violet, rose et orange.
3- Créer le tableau color contenant, par ordre, l’équivalent en anglais des couleurs du
tableau précédent.
4- Donner une deuxième version de ce code permettant de demander à l’utilisateur de
taper le nom d’une couleur de fond.

5- Ajouter un seul bouton permettant de Changer la couleur de fond selon le choix de


l’utilisateur

EXERCICE 3 OBJET DATE

Créer la page suivante qui permet d’afficher la date et l’heure. Utiliser un tableau pour les jours
de la semaine et un tableau pour les mois.

Vous aimerez peut-être aussi