Exercice 19 - Validation de formulaire

Mise en situation

Vous devez faire l'amélioration d'un formulaire web en y ajoutant des commentaires pertinents ET en ajoutant deux champs qui vont interagir ensemble.

L'important ici est de comprendre ce que fait le code fourni !

Modalités

À faire (étapes)

Effectuez les opérations demandées

  1. Connectez-vous à CodePen
  2. À partir du CodePen suivant, faites un fork (copie à votre nom)
    Fork
  3. Effectuer les différentes modifications suivantes
    1. Vous devez commenter:
      1. Toutes les lignes JavaScript du codePen
      2. La partie //MODE EXPERT HERE est facultative, mais essayez-vous :D
    2. Vous devez ajouter 2 champs de sécurité avec la règle suivante:
      Les chiffre 1 et chiffre 2 additionnés ensemble doivent égaler à 14!
      <p>Les chiffre 1 et chiffre 2 additionnés ensemble doivent égaler à 14!</p>
      <!-- élément de formulaire -->
      <label for="txt_chiffre1">Chiffre 1</label>
      <input type="number" min="0" max="9" required name="txt_chiffre1" id="txt_chiffre1"  class="txt_chiffre1" >
      <!-- élément de formulaire -->
      <label for="txt_chiffre2">Chiffre 2</label>
      <input type="number" min="0" max="9" required name="txt_chiffre2" id="txt_chiffre2"  class="txt_chiffre2" >

      À noter:

      • type="number" min="0" max="9" required => permet de valider 4 choses d'un seul coup!
      • si vous obtenez la valeur d'un champ ce sera un string donc il faut le convertir (avec parseInt)
        let somme = parseInt(TXT_CHIFFRE1.value) + parseInt(TXT_CHIFFRE2.value);
    3. Le formulaire ne peut pas être envoyé si les 2 champs ne donnent pas 14 ensembles.
  4. Sauvegarder et copier moi le lien de votre CodePen Dans un Mio
    URL