Scribd
Importer
4 vues3 pages

TP2 Javascript

Le document présente un TP sur les événements et le contrôle de formulaires en JavaScript, comprenant plusieurs exercices pratiques. Les exercices incluent la création de pages HTML pour gérer des événements de texte, des opérations de calcul, le calcul de factoriels, et le contrôle de formulaires avec des vérifications. Il propose également la mise en forme de texte à l'aide de JavaScript en fonction des choix de l'utilisateur.

Transféré par

Houssem Dridi
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 DOCX, PDF, TXT ou lisez en ligne sur Scribd
4 vues3 pages

TP2 Javascript

Le document présente un TP sur les événements et le contrôle de formulaires en JavaScript, comprenant plusieurs exercices pratiques. Les exercices incluent la création de pages HTML pour gérer des événements de texte, des opérations de calcul, le calcul de factoriels, et le contrôle de formulaires avec des vérifications. Il propose également la mise en forme de texte à l'aide de JavaScript en fonction des choix de l'utilisateur.

Transféré par

Houssem Dridi
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 DOCX, PDF, TXT ou lisez en ligne sur Scribd

Html/JavaScript 3SI

TP2 : Les évènement et contrôle d’un formulaire avec JavaScript

Exercice 1 : Les événements/Fonction sur les chaines

Créer la page [Link] qui contient le code JavaScript qui permet :


 Afficher le message entrer votre mot de passe quand on met le curseur dans la zone de
texte
 Quand on écrit le mot la première lettre devient en majuscule même si on ne l’écrit pas
en majuscule.
 Quand on clique sur le Bouton il affiche le cryptage de mot qui est composé par
la Première lettre de mot, sa longueur et ses 2derniers caractères .

Exercice 2 : Les événements/Structure Itérative switch


Créer la page [Link] qui contient le code JavaScript qui permet :
D’afficher dans la zone résultat le résultat de l’opération choisie entre nombre 1et nombre2.

Exercice 3 : Les évènements/Structure itérative For


Créer la page [Link] qui contient le code JavaScript qui permet :
D’afficher le factoriel d’un nombre donné.

Dkhil Ines 1
Html/JavaScript 3SI
Exercice 4 :Contrôle d’un formulaire

Ouvrir la page [Link] suivant se trouve dans le dossier JavaScript sous le bureau :

Ecrire le code JavaScript qui permet :


 Le clic sur le bouton info ouvre une fenêtre d’information qui explique les règles
d’inscription.
 Afficher le message entrer votre nom, entrer votre prénom, entrer votre email dans les
zones de texte correspondante quand on met le curseur dans la zone.
 Le clic sur le bouton «envoyer» vérifie que l’utilisateur :
o a bien saisie son nom et prénom.
o a sélectionné une adresse.
o cocher son sexe.

Dkhil Ines 2
Html/JavaScript 3SI
Exercice 5 : Mise en forme en utilisant JavaScript

Créer une page web nommée [Link] qui contient :


 Une liste de données (datalist) contenant les valeurs (Times New roman, arial et
monotype corsiva).
 Un contrôle de plage (range) ayant une valeur minimale 10 et maximale 36.
 Un champ qui permet de saisir une couleur
 2 boutons radio.
 Un espace de texte (textearea).

Créer un script js de sorte que :


 Le clic sur le bouton Transformer permet de mettre en forme le texte saisi au sein de
l’espace de texte selon les options choisis au dessus.
 Modifier le script en créant une fonction nommée transformer, afin que le clic sur le
bouton transformer met en forme le titre ainsi que le texte saisi au sein de l’espace de
texte.

Dkhil Ines 3

Vous aimerez peut-être aussi