Exercice 02 - Révision JavaScript

Table des matières

Mise en situation

personnage
Vous êtes un "dungeon master" et désirer faire un formulaire simple qui va aider vos joueurs à se créer un personnage,
Vous avez le code HTML/CSS, mais avez à faire de la validation pour que vos joueurs ne fassent pas d'erreur lors de la création de leur personnage.

Documentation en français
Exemple d'outil de création de personnages

Modalités

À faire (étapes)

  1. Téléchargez et utilisez les fichiers de base
  2. Écoutez la vidéo de présentation des fichiers au besoin
  3. Faites la validation JavaScript du formulaire fourni (pas de validation HTML, ni Bootstrap)
  4. Respectez les normes présentées en classe
  5. En utilisant les contraintes de validation des commentaires HTML. Exemple:
    validation
  6. Pour chaque validation, un message d'erreur personnalisé doit apparaître sous le champ:
    message
  7. Un message d'erreur global doit aussi être affiché dans la section appropriée:
    section
  8. Le formulaire NE DOIT PAS être envoyé s'il existe encore une erreur!

Conseils de pro

Mode expert

Faites la validation JavaScript suivante pour la répartition des Points de caractéristiques :

Vous avez 27 points à répartir dans vos caractéristiques. Le coût de chaque valeur est indiqué sur la table ci-dessous. Par exemple, une valeur de 14 coûte 7 points. En utilisant cette méthode, 15 est la plus haute valeur achetable avant d'appliquer les modificateurs raciaux, et vous ne pouvez avoir une valeur inférieure à 8. Cette méthode vous permet de créer une série de caractéristiques avec 3 valeurs élevées et 3 valeurs faibles (15, 15, 15, 8, 8, 8), une série où les valeurs sont quasiment égales (13, 13, 13, 12, 12, 12), ou toute autre série entre ces deux extrêmes.

Valeur Coût
8 0
9 1
10 2
11 3
12 4
13 5
14 7
15 9

Solution