Examen 01 en JQuery
Examen 01 en JQuery
-
Objectifs
- Être capable d’utiliser des événements pour rendre votre page web dynamique et animée..
-
Consignes
- Le sujet comporte trois feuilles numérotées de 1 à 3
- Matériel autorisé
- Tous les documents sont autorisés.
- Toutes les questions ne sont pas permises.
- Sauvegardes régulières
- Enregistrez très régulièrement vos fichiers.
- La durée de l’examen est de 2 heures.
- Lorsque vous aurez achevé votre examen compressez le dossier portant votre nom, prénom et votre groupe .
-
Énoncé
-
Exercice:01 (2 points)
- Pour chaque question, cocher la bonne réponse.
- Chaque bonne réponse vaut 1 point, chaque mauvaise réponse vaut -1 point et 0 s’il n y’a pas de réponse.
- Question: 01 Lequel des éléments suivants est une fonction fortement surchargée?
- jQuery()
- $()
- script()
- jQuery() et $()
- Question: 02 Sélectionnez-vous des éléments en fonction de l’attribut en plaçant l’attribut en premier, puis la valeur?
- Sélecteur universel.
- Sélecteur d’élément.
- Sélecteur de classe.
- Sélecteur d’attribut.
- Question: 03 Dans l’animation, pouvez-vous utiliser les opérateurs – = ou + = qui augmentent la valeur à partir de la valeur actuelle de la propriété?
- Vrai
- Faux
- Question: 04 Quel effet natif Jquery empêche un effet de s’exécuter?
- .retard ();
- .slideToggle ();
- .disparaître ();
- .Arrêtez ();
-
Exercice:02 (4 points)
- Écrivez une fonction JavaScript qui accepte en argument un nombre entier positif inférieure à 20.
- Le nombre représente le nombre des chiffres choisit aléatoirement dans l’intervalle 1 à 99.
- Afficher la liste de départ
- Parcourir la liste obtenue, mettre des points entre chaque saisie et colorer en vert deux nombres pairs.
- Par exemple, si vous aurez la chaîne 10213627188499, en aura la sortie 10.2.13.6.27.18.84.99.
-
Exercice:03 (14 points)
- Écrivez le code HTML et le code CSS permettant d’avoir 6 blocs <div> de classe CSS "barre », avec une couleur de fond rgba(237,255,40,1) situés les uns en dessous des autres.
- Créez six champs texte d’identifiants "txt01″, "txt02″, "txt03″,"txt04″,"txt05″ et "txt06″.
- Écrivez une classe CSS "div » qui permet de disposer chacun des champsde texte à gauche de la barre d’histogramme qui lui correspond, comme montré dans le schéma suivant.
- Donnez une largeur de 400 pixels par défaut à tous les éléments de la classe "div« .
- Écrivez un code jQuery qui donne à la largeur de la couleur de chaque barre (le bloc div) la valeur indiquée dans le champ de texte correspond.
- Ajoutez le code jQuery qui ajoute le caractère pourcentage à chaque champs de texte, dès que l’utilisateur le quitte, comme le montre le schéma suivant
- Écrivez le code jQuery qui permet d’afficher le chiffre, saisie dans le champs de texte , au milieu de l’histogramme, comme le montre le schéma suivant
