Java script tp cours ANIBOU CHAIMAE IR EMSI JAVA SCRIPT Introduction Le Javascript est un langage de script incorporé dans un document HTML Ce langage est un langage de programmation qui permet d'apporter des améliorations au langage HTML en permettant d'
ANIBOU CHAIMAE IR EMSI JAVA SCRIPT Introduction Le Javascript est un langage de script incorporé dans un document HTML Ce langage est un langage de programmation qui permet d'apporter des améliorations au langage HTML en permettant d'exécuter des commandes du côté client c'est-à-dire au niveau du navigateur et non du serveur web Principe Javascript va diviser la page en objets et surtout va vous permettre d'accéder à ces objets d'en retirer des informations et de les manipuler Pour référencer un script externe appelé monScript js dans une page html Pour ajouter un commentaire en JavaScript Ceci est un commentaire Pour déclarer une variable maVariable Var maVariable Let maVariable Pour créer une fonction en JavaScript qui se nomme maFonction Function maFonction Pour exécuter une fonction déjà crée qui s ? appelle maFonction maFonction CANIBOU CHAIMAE IR Section Boites de dialogues EMSI Exercice Ecrire un script qui a ?che le message Hello World dans une boite de dialogue Exercice Ecrire un script qui a ?che le message Hello World après le clic sur le premier bouton et lors du clic sur le deuxième bouton demander à l'utilisateur de saisir son nom Ensuite demander une con ?rmation du nom de l'utilisateur Si le nom est con ?rmé a ?cher ce dernier dans une bo? te de dialogue Exercice Ecrire un script qui a ?che un bouton sur la page Lorsque le bouton est pressé une bo? te de dialogue appara? t avec le message Hello World Section Manipulation du DOM en Java Script NB HTML DOM permet à java script de modi ?er le contenu des éléments html Exercice Créer un contenant des et un titre dans l'exemple sur la document html champs de type range un tableau html voir ?gure ci-dessous Créer le de changer script qui permet les propriétés background padding height width arrondi rotation du titre en milieu en changeant leurs valeurs via les inputs de type range CANIBOU CHAIMAE IR EMSI Exercice Soit le document html suivant Lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod Changer Style Ecrire la fonction change style qui permet de styler le paragraphe au clic du bouton par ? une couleur blanche ? un background noir ? une bordure noire pointillée de px Dé ?nir les propriétés précédentes dans une classe active et modi ?er la fonction change style de telle façon qu'elle ajoute la classe active au paragraphe Exercice Soit le ?chier html suivant Partie Partie Titre n Ecrire une fonction JavaScript showContent qui permet d'a ?cher le contenu du div correspondant au titre sur lequel on clique Ecrire une fonction JavaScript qui permet de masquer le contenu de tout les div du document CANIBOU CHAIMAE IR EMSI Click the button to delete my HTML content supprimer Exercice Créer une fonction qui permet de supprimer le contenu d'un paragraphe Exercice Ecrire une fonction d'authenti ?cation qui permet de véri ?er le login et le password avant d'envoyer le formulaire à une autre page C
Documents similaires
-
65
-
0
-
0
Licence et utilisation
Gratuit pour un usage personnel Attribution requise- Détails
- Publié le Jan 31, 2022
- Catégorie Creative Arts / Ar...
- Langue French
- Taille du fichier 37kB