Juste Prix

Description :

Ce projet consiste en un jeu interactif de type "Juste Prix" développé avec HTML, CSS et JavaScript. Le joueur doit deviner un prix aléatoire compris entre 1 et 100.

Fonctionnalités principales :

1. Interface utilisateur :

- Une interface responsive avec un champ de saisie et un bouton pour valider l'estimation.

- Affichage dynamique des messages ("SUPÉRIEUR", "INFÉRIEUR", "GAGNÉ !") pour guider le joueur.

2. Mécanique du jeu :

- Génération aléatoire d’un prix cible compris entre 1 et 100 grâce à une fonction JavaScript.

- Vérification de l'entrée utilisateur avec gestion des cas suivants :

- Si le prix est correct : affichage de "GAGNÉ !".

- Si l'estimation est trop basse : affichage de "SUPÉRIEUR".

- Si l'estimation est trop haute : affichage de "INFÉRIEUR".

- Si l'entrée est invalide ou hors plage : message d'erreur.

3. Gestion des événements :

- Validation par clic sur le bouton ou appui sur la touche Entrée pour une expérience fluide.

- Réinitialisation automatique du champ de saisie après chaque tentative.

4. Design :

- Utilisation de CSS moderne (flexbox, media queries) pour une mise en page centrée et responsive.

- Police rétro ("Pixelify Sans") pour un style ludique.

- Animation visuelle au survol du bouton.

5. Adaptabilité :

- Comportement optimisé pour les petits écrans (smartphones), avec des dimensions ajustées et des couleurs adaptées.

Points techniques :

- JavaScript :

- Utilisation d'une fonction de génération aléatoire pour définir le prix cible.

- Ajout d'écouteurs d'événements (`addEventListener`) pour capturer les clics et les frappes clavier.

- Manipulation DOM dynamique pour afficher les résultats et guider l’utilisateur.

- CSS :

- Responsive design avec media queries pour une compatibilité sur divers appareils.

- Styles modernes, avec des ombres et des couleurs dynamiques pour un rendu attractif