GameOn-website-FR

Projet GameOn

Projet n°4 du parcours javascript-react chez OpenClassrooms. L’objectif est de poursuivre un projet de création d’un formulaire d’inscription à des concours de jeux vidéos (voir les maquettes ci dessous) :

Spécifications techniques

• Langages utilisés : HTML, CSS et Javascript
• Validation au W3C
• Compatible avec Chrome et Firefox
• Desktop first puis s’adapte au format responsive

Spécifications fonctionnelles

• Tester toutes les fonctionnalités des boutons et des entrées de formulaire (tester les valeurs correctes et incorrectes)
• Après une validation réussie, inclure un message de confirmation de la soumission réussie pour l’utilisateur (ex. “Merci ! Votre réservation a été reçue.”)
• Des messages d’erreur spécifiques doivent apparaître sous l’entrée qui n’est pas correcte. Les messages d’erreur doivent s’afficher sous le champ de saisie associé.
• Implémenter les entrées du formulaire :
  (1) Lier les labels aux entrées dans le HTML en utilisant les attributs “for” et “id” dans le code existant. Corriger le code HTML quand nécessaire.
  (2) Utiliser du JavaScript pur (pas de jQuery) pour terminer le formulaire :

Le formulaire doit être valide quand l’utilisateur clique sur “Submit”
Les données doivent être saisies correctement :
(1) Le champ Prénom a un minimum de 2 caractères / n’est pas vide.
(2) Le champ du nom de famille a un minimum de 2 caractères / n’est pas vide.
(3) L’adresse électronique est valide.
(4) Pour le nombre de concours, une valeur numérique est saisie.
(5) Un bouton radio est sélectionné.
(6) La case des conditions générales est cochée, l’autre case est facultative / peut être laissée décochée.
Conserver les données du formulaire (ne pas effacer le formulaire) lorsqu’il ne passe pas la validation.

• La modale se ferme au clic sur la croix.