Université Mohammed Premier Module : Technologie du Web

Faculté des Sciences - Oujda Filière : SMI – S3

Département d’informatique Année Universitaire : 2023-2024

TP N°3 : Javascript
Objectif :
L'objectif de ces exercices est de renforcer les compétences de base en JavaScript, en mettant
l'accent sur les concepts suivants : la création et l'utilisation de formulaires, la manipulation de
données, les opérations mathématiques, les événements, les fonctions, les tableaux, etc.

Exercice 1
Créez une page HTML avec un formulaire nommé "formu" comportant :
1. Deux champs de type texte avec les noms "a" et "b".
2. Un bouton de type bouton avec l'étiquette "Permuter".
3. Ajoutez un script JavaScript dans la page qui contient :
▪ Une fonction nommée "init" qui, lors du chargement de la page, positionne
automatiquement le curseur dans le premier champ de texte ("a").
▪ Une fonction nommée "permute" qui, lorsqu'elle est appelée par l'événement onclick du
bouton "Permuter", permute le contenu des champs de texte "a" et "b".

Exercice 2
Créez une fonction qui prend deux entiers en paramètres, a et b (où a est inférieur à b). La
fonction doit calculer la somme des entiers de a à b (inclus), puis afficher cette somme.
Utiliser la boîte de dialogue prompt pour saisir les valeurs de a et b.

Exercice 3
Écrivez un script qui permet :
▪ De saisir les notes des quatre modules d'un étudiant et de les stocker dans un tableau.
▪ D'afficher ces notes ainsi que les modules correspondants.
▪ De calculer et d'afficher la moyenne de ces notes.
▪ De chercher et d'afficher les notes inférieures à 5 ainsi que les modules correspondants
(note éliminatoire).
▪ De vérifier si l'étudiant a validé le semestre (en tenant compte de la note éliminatoire).
Le script devrait utiliser la fonction prompt pour saisir les informations nécessaires.

1
 Exercice 4
Créez une page HTML avec une calculatrice basique qui permet d'effectuer les opérations
suivantes :
1. L'utilisateur peut saisir deux nombres dans des champs de saisie.
2. En cliquant sur le bouton "Calculer", une fonction JavaScript nommée "Calculatrice" doit
être appelée.
3. La fonction "Calculatrice" doit récupérer les deux nombres saisis, effectuer les opérations
suivantes :
▪ Addition
▪ Soustraction
▪ Multiplication
▪ Division
4. Les résultats de ces opérations doivent être affichés sous les titres "Somme", "Différence",
"Produit", et "Quotient" respectivement.
5. Si les valeurs saisies ne sont pas valides (non-numériques), l'utilisateur doit être averti par
un message d'alerte : "Veuillez entrer des nombres valides."

Exercice 5

Créez une page HTML contenant un script JavaScript qui permet à l'utilisateur de saisir les
valeurs de deux tableaux. Chaque tableau doit contenir exactement 4 éléments. Utilisez la
fonction prompt pour saisir les valeurs de chaque tableau.
Instructions :
▪ Écrivez une fonction nommée calculerSomme qui sera déclenchée lorsque le bouton est
survolé.
▪ Dans la fonction calculerSomme, utilisez la fonction prompt pour permettre à l'utilisateur
d'entrer 4 valeurs pour le premier tableau, puis 4 valeurs pour le deuxième tableau.
Stockez ces valeurs dans deux tableaux distincts.
▪ Vérifiez si les valeurs saisies sont des nombres valides.
▪ Si les valeurs sont valides, effectuez la somme des éléments correspondants des deux
tableaux.
▪ Affichez le résultat de la somme dans le document.
▪ Si les valeurs saisies ne sont pas valides, affichez un message d'alerte demandant à
l'utilisateur d'entrer des nombres valides.