Institut Supérieur d'Informatique
et de Mathématiques de Monastir Année universitaire : 2022-2023
SERIE DE TP N° 4
Matidre : Développement Web
wre : CPI2
Enseignant : M. BEN SALEM.
Langage Javascript : Syntaxe de base
Objectif :
Llobjectif de ce TP est de se familiariser avec le langage de base de JavaS
Exercice 1:
Créer une page web mot_inverse.html et le code JavaScript correspondant contenant un
champ de texte et un bouton. On doit saisir le nom de l'utilisateur et I’a
jer au centre de la
page le nom saisi inversé (avec la balise 1) en cliquant sur le bouton comme illustré dans la
figure ci
Nom d'utilisateu:
2 Alex dupond | [afener }
dnopud xelA
Exercice 2:
Créer une page web Triangle Etoile.html et le code JavaScript correspondant qui demande &
Vutilisateur d’entrer la hauteur h en utilisant un champ de texte puis qui dessine un triangle
isocéle de hauteur h en utilisant le caractére " *" comme illustré dans la figure ci-dessous.
Page 1/2Hauteur du Trienel
| ((Sréer Tangis |
weve
weve
weetewe ee
weve we eee
weve we vere eve
Exercice 3:
Créer une page web Table_Multi.html et le code JavaScript correspondant qui affiche la
table de multiplication d’une valeur donnée en paramétre. Avant l’appel a la fonction la
valeur doit étre saisie par intermédiaire d’un champ de texte et l'affichage de la table en
cliquant sur un bouton comme illustré dans la figure ci-dessous :
| (tabie-de mutipication
Exercice 4:
Créer une page web Caleulatrice.html contenant deux champs de saisie, un bouton et une
te déroulante contenant les opérateurs suivants : addition, soustraction, multiplication,
division et modulo.
Le calcul se fait selon le choix dun opérateur. En effet, l'utilisateur choisit Popération a faire
puis
il clique sur le bouton pour afficher le résultat de l’opération comme illustré dans la figure
ci-dessous
Calculatrice
i +E is
Choisir 'opérateur : [addition (+) __¥)| calculer |
Page 2/24) wirDpor"
This document was created with the Win2PDF “Print to PDF” printer available at
https://www.win2pdf.com
This version of Win2PDF 10 is for evaluation and non-commercial use only.
Visit httos://www.win2paf.comv/triall for a 30 day trial license.
This page will not be added after purchasing Win2PDF.
hittps://www.win2pdf.com/purchase/