Aller au contenu

Niveau 9 - Choix du montant

Ajoutez un input de type "number" qui va nous permettre d'entrer le montant que l'on veut.

  • Quand on sélectionne se input, changez sa couleur pour que l'on sache qu'il est sélectionné.
  • En quittant le input, si la valeur n'est pas un nombre valide, effacez sa valeur.
  • Si la valeur est un nombre supérieur à 1.35, affichez les livres correspondants au lot acheté. (Fiez vous au tableau du niveau 8 pour connaitre les montants). Par exemple si on entre 10$, c'est le lot 1 qui va être sélectionné car le montant n'est pas assez élevé pour atteindre le niveau 2.
  • Gardez la couleur de sélection si le nombre est valide et effacez la sélection du bouton montant.
  • Sélectionnez aussi le bon bouton de filtre.
  • Si on reselectionne un bouton montant, enlevez la couleur du input.

Astuces

  • Le input étant de type number, si la saisie n'est pas un nombre, la valeur du input sera empty. On peut donc facilement tester si la valeur est un nombre en faisant

    // montant correspont à la valeur du input et montantMinimum est égale à 1.35
    if (montant >= montantMinimum) {
        ...
    }
    

  • Utilisez l'événement focus pour détecter quand on entre dans le input et blur quand on quitte.