Ce projet est une petite application développée dans le cadre d'un projet scolaire. Il s'agit d'un petit jeu en ligne conçu pour le sport de l'escalade, inspiré par les Jeux Olympiques de Paris 2024.
🚀 Description du Projet :
Ce projet est un petit jeu en ligne qui affiche une grille de cercles. L'utilisateur peut saisir son nom et sa date de naissance dans un formulaire, et en soumettant le formulaire, il voit un niveau généré aléatoirement affiché à côté de la grille.
📝 Étapes de Développement :
-
Création de la Grille de Cercles :
- J'ai commencé par créer une grille de 4 colonnes par 10 lignes en HTML et CSS.
- Chaque cellule de la grille contient un cercle noir par défaut.
-
Ajout de la Fonctionnalité de Génération de Niveau :
- J'ai écrit un script JavaScript qui génère aléatoirement un niveau à chaque soumission de formulaire.
- Ce niveau consiste en un certain nombre d'étoiles (représentées par des "★") et de points, basé sur le nom et la date de naissance de l'utilisateur.
-
Création du Formulaire de Saisie :
- J'ai ajouté un formulaire HTML où l'utilisateur peut saisir son nom et sa date de naissance.
- Le formulaire est stylisé avec CSS pour être attrayant et convivial.
-
Affichage de l'Historique des Soumissions :
- J'ai ajouté une section pour afficher l'historique des soumissions de formulaire.
- À chaque soumission, les données du formulaire sont enregistrées et affichées dans cette section.
-
Finalisation et Stylisation :
- J'ai finalisé le projet en ajoutant les touches finales de stylisation pour assurer une expérience utilisateur agréable.
- Les éléments sont arrangés de manière claire et intuitive pour faciliter la compréhension et l'utilisation du jeu.
🌟 Conclusion :
Ce projet offre aux utilisateurs un petit divertissement en ligne où ils peuvent générer des niveaux uniques en fonction de leur nom et de leur date de naissance. En suivant ces étapes de développement simples, j'ai pu créer un jeu interactif et amusant qui peut être facilement partagé et utilisé par n'importe qui !