Institut Supérieur d'Informatique

et de Mathématiques de Monastir Année universitaire : 2023-2024

SERIE DE TP N° 4

Matière : Tech. & Prog. Web Filière : L2 Informatique

Enseignant : M. BEN SALEM

Langage Javascript

Objectif :
L'objectif de ce TP est de se familiariser avec le langage JavaScript.

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 l’afficher au centre de la
page le nom saisi inversé (avec la balise h1) en cliquant sur le bouton comme illustré dans la
figure ci-dessous :

Exercice 2 :
Créer une page web Triangle_Etoile.html et le code JavaScript correspondant qui demande à
l'utilisateur 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 / 2
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 à la fonction la
valeur doit être saisie par l’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 :

Exercice 4 :
Créer une page web Calculatrice.html contenant deux champs de saisie, un bouton et une
liste déroulante contenant les opérateurs suivants : addition, soustraction, multiplication,
division et modulo.
Le calcul se fait selon le choix d’un opérateur. En effet, l’utilisateur choisit l’opération à faire
puis il clique sur le bouton pour afficher le résultat de l’opération comme illustré dans la figure
ci-dessous :

Page 2 / 2