Projet d'Interactions JavaScript et Styles CSS

Description

Ce dépôt regroupe une série d'exercices démontrant des interactions avancées avec JavaScript ainsi que l'utilisation dynamique des styles CSS. Chaque exercice illustre des techniques spécifiques pour manipuler les éléments DOM et réagir aux interactions des utilisateurs.

Fonctionnalités

Exercice 1 : Interaction avec un carré

• Affichage d'une alerte contenant des informations de style lorsque l'utilisateur clique sur un carré.

Exercice 2 : Manipulation de plusieurs carrés

• Modification de la couleur et du texte affiché sur un carré de base lorsque l'utilisateur interagit avec celui-ci.

Exercice 3 : Changement dynamique de couleur et rotation

• Interaction avec un carré pour changer sa couleur et sa rotation à chaque clic.

Exercice 4 : Interactions avec des icônes de réseaux sociaux

• Modification de la couleur de fond et des styles d'une icône lorsque cliquée, avec réinitialisation au second clic.

Exercice 5 : Auteurs et citations

• Affichage dynamique de citations et auteurs.
• Possibilité d'ajouter des citations aux favoris, avec sauvegarde dans le localStorage.

Technologies Utilisées

• HTML5
• CSS3
  • Flexbox pour la gestion des dispositions.
  • Transitions et transformations pour les animations.
• JavaScript
  • Manipulation du DOM.
  • Écouteurs d'événements.
  • Stockage local avec localStorage.