📌 Projet JavaScript - Manipulation du DOM et Interactivité

📝 Description

Ce dépôt regroupe une série de challenges et de projets permettant de pratiquer les concepts fondamentaux de JavaScript, notamment la manipulation du DOM, l'interaction avec les éléments HTML, la gestion des événements et la manipulation de tableaux complexes.
Ces projets visent à approfondir les bases de JavaScript en travaillant sur l'interactivité avec la page web, la gestion des données et la création de fonctionnalités dynamiques.

---

🛠️ Pile technologique

• HTML5 → Structure du contenu
• CSS3 → Mise en forme des éléments
• JavaScript → Manipulation du DOM, gestion des événements et des données

---

✨ Fonctionnalités

• 🖥️ Manipulation du DOM → Interagir dynamiquement avec les éléments HTML de la page
• ⏩ Gestion des événements → Créer des événements interactifs (clics, survols, etc.)
• 🔢 Manipulation de tableaux → Gérer et manipuler des tableaux JavaScript complexes, simuler des réponses d'API
• 🧮 Création d'une calculatrice → Implémenter des calculs de base en JavaScript

---

🚀 Installation & Utilisation

1️⃣ Cloner le projet

git clone https://github.com/Sweetyamnesia/JavaScript.git
cd JavaScript

---

Challenges réalisés :

Challenge 1.1 : Manipulation du DOM :

Manipuler le DOM en JavaScript pour afficher une balise <h1>dans la console du navigateur

Challenge 1.2 : Écouteur d'événements

Créer un écouteur d'événements "click" sur un élément HTML et afficher un message dans la console lorsque le clic est détecté.

Challenge 1.3 : Modification du texte d'une balise

Modifier dynamiquement le texte d'une balise HTML via JavaScript

Challenge 2.1 : Afficher du texte au clic d'un bouton

Créer un bouton qui, lorsqu'il est cliqué, affiche un texte sur la page.

Challenge 2.2 : Afficher ou masquer un texte

Créer un bouton qui affiche ou masque un texte au clic.

Challenge 3.1 : Création d'un compteur

Créer un compteur en JavaScript qui permet d'incrémenter une valeur.

Challenge 3.2 : Compteur avec 2 boutons (+ et -)

Créer un compteur avec deux boutons permettant d'incrémenter ou de décrémenter une valeur.

Challenge 4 : Création d'une calculatrice

Créer une calculatrice simple en JavaScript, permettant de réaliser des opérations de base (addition, soustraction, multiplication, division).

Challenge 5 : Affichage du mot de passe

Afficher un mot de passe au clic d'un bouton.

Projet 5 : Manipulations de couleurs et de texte

Partie 1 : Lorsqu'on clique sur un bouton, une couleur apparaît et disparaît. Partie 2 : La couleur de l'élément change selon les interactions de la souris : survol, retrait de la souris et double clic. Partie 3 : Inverser un texte au clic d'un bouton.

Retour sur le projet 2

Ce projet reprend les bases du Projet 2 et y ajoute une couche de JavaScript pour rendre le projet interactif. Il inclut des manipulations du DOM et de la gestion des événements.

Challenge 7

Manipuler un tableau JavaScript complexe simulant une réponse d'API. L'objectif est d'afficher et de manipuler ces données de manière dynamique.