Scribd
Importer
908 vues3 pages

TP2 Javascript

Ce document contient des exercices sur l'utilisation d'événements et de structures de contrôle JavaScript pour manipuler des formulaires et mettre en forme du texte. Les exercices couvrent des sujets tels que la manipulation d'événements sur des chaînes, l'utilisation de structures itératives comme switch et for, et le contrôle d'un formulaire avec validation.

Transféré par

PROF PROF
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
908 vues3 pages

TP2 Javascript

Ce document contient des exercices sur l'utilisation d'événements et de structures de contrôle JavaScript pour manipuler des formulaires et mettre en forme du texte. Les exercices couvrent des sujets tels que la manipulation d'événements sur des chaînes, l'utilisation de structures itératives comme switch et for, et le contrôle d'un formulaire avec validation.

Transféré par

PROF PROF
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 crypter.html 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 calcul.html 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 Fac.html 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 tp2.html 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 design.html 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