TP 5(Formulaires et événements en JavaScript)
Exercice n°1 :
On veut écrire un petit programme JavaScript permettant de calculer un produit
somme. L'utilisateur saisira les valeurs à ajouter dans deux champs :
Exercice n°2
Ecrire une expression régulière qui vérifie le numéro d’inscription d’un étudiant
à l’ISET: Une lettre majuscule suivie de cinq chiffres
Exercice n°3
Soit le formulaire suivant :
1
Ecrire une fonction JavaScript qui cherche dans une chaîne ch la dernière
occurrence d'une sous-chaîne a et la remplace par une sous-chaîne b. (Utilisez
les formulaires pour saisir la chaine initiale et les sous-chaines et pour
l’affichage du résultat utilisez la méthode Alert).
Exemple :
Exercice n°4 :
Créez un formulaire qui permet à l'utilisateur de saisir un montant dans une
devise, puis de choisir une autre devise dans laquelle il souhaite le convertir.
Une fois le formulaire soumis, affichez le montant converti.
Exercice n°5 :
2
Créez un formulaire où l'utilisateur peut saisir le montant de l'addition et
sélectionner le pourcentage de pourboire qu'il souhaite laisser. Une fois qu'il
soumet le formulaire, affichez le montant total à payer, y compris le pourboire.
Exercice n°6
Créez un formulaire permettant à l'utilisateur de saisir son poids (en kg) et sa
taille (en mètres). Ensuite, utilisez JavaScript pour calculer et afficher son BMI.
Formule : BMI = poids / (taille * taille).
Exercice n°7 :
Créer le formulaire suivant dans la page « saisie.html »
3
Le clic du bouton valider :
Une fonction javascript, développée dans le fichier « test.js » permettant de
tester la validité des champs du formulaire en respectant les conditions
suivantes :
• Le champ « numéro de l’élève » est une chaine commençant par « 4si »
et suivie par 2 chiffres non nuls
• Les champs « Note de DC » et « Note de DS » sont des valeurs
comprises entre 0 et 20
Exercice 8 :
4
Exercice 9 :
5
Exercice 10 :
Créer la page « ajoutClient.html » permettant d’ajouter un client à la base via le
formulaire suivant :
6
Le clic sur le bouton « ajouter » fait appel à
a) une fonction Javascript intitulée « verif1 » permettant de vérifier les
contraintes
suivantes :
◦ le NCIN est une chaîne de 8 chiffres
◦ le Nom et le prénom sont deux chaînes alphabétiques comportant chacune au
moins
3 lettres
◦ le Tel est une chaîne de 8 chiffres dont le premier est différent des chiffres 0,1
et 6
Exercice 11 :
Créer la page "Ajout.html" suivante :
7
Le clic sur le bouton Enregistrer fait appel à :
a. Un code Javascript écrit dans un fichier externe "Code.js" qui permet de
vérifier les conditions suivantes :