Exercices Simples en JavaScript DOM

Bienvenue dans ce repository qui contient trois exercices basiques en JavaScript DOM. Ces exercices sont conçus pour aider les débutants à se familiariser avec la manipulation du DOM et les événements en JavaScript.

Contenu

Ce repository contient trois exercices :

1. Changer la Couleur de Fond

   • L'utilisateur peut changer la couleur de fond de la page en cliquant sur un bouton.
   • Technologies utilisées : HTML, CSS, JavaScript.

2. Afficher un Message

   • L'utilisateur entre son nom dans un champ de texte, et un message de bienvenue personnalisé est affiché lorsqu'il clique sur le bouton.
   • Technologies utilisées : HTML, CSS, JavaScript.

3. Compteur de Clics

   • Un bouton qui compte le nombre de clics et affiche le résultat en temps réel.
   • Technologies utilisées : HTML, CSS, JavaScript.

4. Afficher/Masquer un Texte

5. Changer la Taille du Texte

6. Ajouter un Élément à une Liste

7. Changer l'Image d'une Galerie

8. Filtrer une Liste

9. Compter les Caractères

Structure du Projet

Le repository est structuré de la manière suivante :

├── Exercice1_Changer_Couleur_Fond
│   ├── index.html
│   ├── styles.css
│   └── starter.js
│
├── Exercice2_Afficher_Message
│   ├── index.html
│   ├── styles.css
│   └── starter.js
│
├── Exercice3_Compteur_Clics
│   ├── index.html
│   ├── styles.css
│   └── starter.js
│
├── Exercice4_Afficher_Masquer_Texte
│   ├── index.html
│   ├── styles.css
│   └── starter.js
│
├── Exercice5_Changer_Taille_Texte
│   ├── index.html
│   ├── styles.css
│   └── starter.js
│
├── Exercice6_Ajouter_Element_Liste
│   ├── index.html
│   ├── styles.css
│   └── starter.js
│
├── Exercice7_Changer_Image_Galerie
│   ├── index.html
│   ├── styles.css
│   └── starter.js
│
├── Exercice8_Filtrer_Liste
│   ├── index.html
│   ├── styles.css
│   └── starter.js
│
├── Exercice9_Compter_Caracteres
│   ├── index.html
│   ├── styles.css
│   └── starter.js
│
└── README.md

Instructions

1. Cloner le Repository

git clone https://github.com/aymanebenhima/javascript-dom-basic.git

2. Naviguer dans les Dossiers des Exercices

• Chaque exercice est contenu dans un dossier séparé. Accédez à un exercice en particulier pour voir son code.

cd Exercice1_Changer_Couleur_Fond

3. Ouvrir le Fichier index.html

• Vous pouvez ouvrir le fichier index.html dans votre navigateur pour voir l'exercice en action.

4. Modifier et Expérimenter

• Vous êtes encouragé à modifier le code, essayer différentes choses, et voir comment cela affecte le comportement de la page.

Prérequis

• Un éditeur de texte tel que Visual Studio Code ou Sublime Text.
• Un navigateur web moderne (Chrome, Firefox, Edge, etc.).

Contribution

Les contributions sont les bienvenues ! Si vous avez des idées pour améliorer ces exercices ou ajouter de nouveaux exemples, n'hésitez pas à faire une pull request.

Licence

Ce projet est sous licence MIT - voir le fichier LICENSE pour plus de détails.