Jeu de correspondance de fruits avec HTML, CSS, JavaScript

Intermédiaire

Dans ce projet, vous apprendrez à créer un simple jeu 'Fruits pour le plaisir' en utilisant HTML, CSS et JavaScript. Le jeu consiste à faire correspondre des paires d'images de fruits en cliquant sur les carrés du plateau de jeu.

jQueryJavaScript

💡 Ce tutoriel est traduit par l'IA à partir de la version anglaise. Pour voir la version originale, vous pouvez cliquer ici

Introduction

Dans ce projet, vous allez apprendre à créer un simple jeu "Fruit for Fun" à l'aide de HTML, CSS et JavaScript. Le jeu consiste à trouver des paires d'images de fruits en cliquant sur les carrés du plateau de jeu.

👀 Aperçu

Aperçu du jeu de correspondance de fruits

🎯 Tâches

Dans ce projet, vous allez apprendre :

  • Comment configurer les fichiers et les dossiers du projet
  • Comment implémenter la fonctionnalité du bouton Démarrer pour afficher et cacher les images de fruits
  • Comment implémenter la fonctionnalité de clic sur les carrés pour afficher les images de fruits
  • Comment implémenter la fonctionnalité pour comparer les deux images cliquées et mettre à jour le score en conséquence
  • Comment mettre à jour l'affichage du score en temps réel

🏆 Réalisations

Après avoir terminé ce projet, vous serez capable de :

  • Structurer et organiser un projet de développement web
  • Utiliser JavaScript pour manipuler le DOM et gérer les interactions utilisateur
  • Utiliser jQuery pour simplifier le code JavaScript et les animations
  • Mettre à jour l'interface utilisateur en temps réel en fonction de la logique du jeu

Enseignant

labby

Labby

Labby is the LabEx teacher.