Formulaire - Among Us

Pour cet exercice nous allons créer un formulaire permettant de générer un personnage du célèbre jeu Among Us.

Aperçu du résultat 👇

Note

Pen de départ

Requis fonctionnels

1. La page de résultat s'attend à recevoir les informations suivantes: name, color, hat et impostor. Il faudra donc nommer vos champs de formulaire en conséquence. Le formulaire doit avoir la classe : personnage.
2. Créez un champ de texte permettant d'entrer un nom de personnage. Ce champ doit être obligatoire et limiter l'utilisateur à un nom entre 2 et 20 caractères.
   
   À titre indicatif, affichez le texte "Red" en attendant que l'usager insère le nom de son choix.
3. Créez ensuite un champ permettant de choisir la couleur du personnage 🎨.
4. À l'aide de boutons radio, offrez une sélection de chapeaux 🎩. Notez la valeur à passer lorsque cette option est sélectionnée, suivie du texte à afficher à l'écran:
   • none | Aucun
   • banana | Banane
   • egg | Oeuf
   • toilet | Papier de toilette
     
     Par défaut, l'option "Aucun" doit-être sélectionné.
5. Ajoutez une boite à cocher avec la mention "Imposteur 🗡" permettant de sélectionner si le personnage est un imposteur ou non ✅.
6. Ajoutez finalement un bouton avec la mention "Créer mon personnage" permettant de soumettre le formulaire et d'envoyer ses informations via une méthode get à l'adresse suivante:

Tip

https://tim-montmorency.com/compendium/582-111–web1/exercices/submit/amongus.html

Vous devriez maintenant être capable de créer des personnages similaires à ceux-ci en soumettant votre formulaire:

Notes de cours

Formulaire
Formulaire

Formulaire intermédiaire
Formulaire intermédiaire

Formulaire avancé
Formulaire avancé