Back

Examen 01 en JQuery

Examen 01 en JQuery

  1. Objectifs

    • Être capable d’utiliser des événements pour rendre votre page web dynamique et animée..



  2. Consignes

    1. Le sujet comporte trois feuilles numérotées de 1 à 3
    2. Matériel autorisé
      • Tous les documents sont autorisés.
    3. Toutes les questions ne sont pas permises.
      • Sauvegardes régulières
      • Enregistrez très régulièrement vos fichiers.
    4. La durée de l’examen est de 2 heures.
    5. Lorsque vous aurez achevé votre examen compressez le dossier portant votre nom, prénom et votre groupe .

  3. Énoncé

    1. 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?
        1. jQuery()
        2. $()
        3. script()
        4. 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?
        1. Sélecteur universel.
        2. Sélecteur d’élément.
        3. Sélecteur de classe.
        4. 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é?
        1. Vrai
        2. Faux
      • Question: 04 Quel effet natif Jquery empêche un effet de s’exécuter?
        1. .retard ();
        2. .slideToggle ();
        3. .disparaître ();
        4. .Arrêtez ();
    2. 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.
    3. Exercice:03 (14 points)
      1. É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.
      2. Créez six champs texte d’identifiants "txt01″, "txt02″, "txt03″,"txt04″,"txt05″ et "txt06″.
      3. É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.

        4. TP3-2 jQuery

      4. Donnez une largeur de 400 pixels par défaut à tous les éléments de la classe "div“.
      5. É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.
      6. 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

        7. TP3-2 jQuery

      7. É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

        8. TP3-2 jQuery



Sommaire du cours jQuery
Sommaire du cours jQuery
author avatar
Riadh HAJJI

Riadh HAJJI

Ces articles pourraient aussi vous intéresser

Correction application animate() V2
4 juillet, 2020

Animation avec jQuery La méthode animate() de jQuery (Correction des applications) La méthode animate() de jQuery v2 (Correction des applications) Animation d’images en Jquery Animation de formulaire avec Jquery TP1 Animation JQuery (Correction) La méthode animate() de jQuery Objectifs Connaitre les méthodes animate() Etre capable d’animer des modifications apportées aux propriétés CSS Application01 Énoncé Vous pouvez visualiser l’énoncé de l’application …

La méthode animate() de jQuery v2
4 juillet, 2020

Animation avec jQuery La méthode animate() de jQuery (Correction des applications) La méthode animate() de jQuery v2 (Correction des applications) Animation d’images en Jquery Animation de formulaire avec Jquery TP1 Animation JQuery (Correction) La méthode animate() de jQuery Objectifs Connaitre les méthodes animate() de deuxième variante Etre capable d’animer des modifications apportées aux propriétés CSS Présentation La méthode animate() existe …

Correction application animate()
3 juillet, 2020

Animation avec jQuery La méthode animate() de jQuery (Correction des applications) La méthode animate() de jQuery v2 (Correction des applications) Animation d’images en Jquery Animation de formulaire avec Jquery TP1 Animation JQuery (Correction) La méthode animate() de jQuery Objectifs Connaitre les méthodes animate() Etre capable d’animer des modifications apportées aux propriétés CSS Application01 Énoncé Vous pouvez visualiser l’énoncé de l’application …

Laisser un commentaire

Abonnez vous à notre chaîne YouTube gratuitement