Dans ce tuto Javascript en vidéo, je vous propose d'apprendre à incrémenter et décrémenter un champ input de formulaire.
Pour ce faire, nous allons créer un formulaire HTML qui contiendra un champ ainsi que deux boutons :
- Un "bouton Plus" pour incrémenter la valeur du champ.
- Un "bouton Moins" pour décrément la valeur du champ.
Mais nous irons plus loin dans notre code en incluant une variable.
L'incrémentation et la décrémentation sont en effet souvent utilisées dans un panier e-commerce. Cela permet de modifier la quantité désirée d'un produit. La notion de stock est alors présente. C'est justement c'est notion de quantité disponible que nous allons mettre en place.
Notre script fera en sorte qu'il ne soit pas possible à l'utilisateur d'incrémenter le champ de formulaire au-delà d'une valeur définie.
Il en sera de même pour une valeur minimum (par exemple 0). Il ne sera donc pas possible à l'utilisateur de commander un produit en utilisant une quantité négative.
Pour aller plus loin dans les connaissances avancées du langage Javascript, je vous propose ma formation en ligne de près de 14H00. Grâce à cette dernière vous serez autonome avec ce langage de programmation.
Avis des apprenants