TP3-1 jQuery

TP3-1 jQuery

  1. Objectifs

    • Après la réalisation du TP3 jQuery vous serez capable de manipuler les événements souris et clavier en jQuery.
    • Avant de commencer les exercices visitez la page et la page
  2. Exercice 01

    1. Énoncé
      • Soit le document HTML suivant :
      • TP3-1 jQuery

      • Télécharger le texte d’ici : TP03-1 jQuery
      • Proposez du code jQuery pour faire ces manipulations
      • enlever les liens ;
      • enlever le texte en gras ;
      • enlever le texte en italique ;
      • enlever le texte décoré ;
      • vider les boutons ;
      • voir le code ;
      • transformer les liens en boutons ;
      • dupliquer le texte ;
      • regrouper les liens ;
      • mettre des titres ;
      • regrouper les titres ;
      • colorer le texte ;
      • organiser sémantiquement le texte ;
    2. Solution
      • Essayez de faire l’exercice de votre côté avant de regarder la Solution !



  3. Exercice 02

    1. Énoncé
      • Utiliser JQuery, HTML et CSS pour réaliser une simple calculatrice.
      • Cette calculatrice peut être utilisée avec la souris ou avec le clavier.
      • Elle permet de faire des opérations de base (multiplication, addition, soustraction, division), d’utiliser des chiffres entiers ou à décimales et de corriger ses erreurs de 2 façons : effacer tout le calcul ou effacer le dernier caractère.
      • Elle doit avoir un fpnt-size Orbitron importé avec le CDN suivant

        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Orbitron">
      • Le schéma de la figure suivante représente le résultat final
      • TP3-1 jQuery

    2. Solution
      • Essayez de faire l’exercice de votre côté avant de regarder la Solution !

Abonnez vous à notre chaîne YouTube gratuitement