
JS moderne, EXO #6 Limiter le nombre de caractères dans un textarea

Au cours de ce tutoriel 100% Javascript "compter les caractères restants en Javascript", nous réaliserons un script qui permet d'afficher le nombre de caractères restants autorisés lorsqu'un utilisateur remplit un champ (input, textarea).
Le compteur se mettra à jour lorsque l'utilisateur ajoutera ou retirera du texte dans le champ. Et si le nombre de caractère restants est inférieur à 10, on passera sa couleur en orange, et si il est inférieur à 0 on le passera en rouge.
Je reste disponible dans le salon d'entraide et les fichiers sources sont fournies.
Javascript Training Serie est une série de tutoriels entièrement consacrée au Javascript. L'objectif est de vous aider à progresser en réalisant des exercices concrets.
Vous apprendrez à utiliser les propriétés et méthodes Javascript, à créer des fonctions, des conditions, des boucles, écouter des événements, à réaliser vos scripts étape par étape à l'aide de la console du navigateur, et à commenter votre code.
Pour que vous puissiez aussi participer à la réalisation du script, je ne donne pas la solution de manière brutale, j'essaie de vous mettre sur la voie à chaque vidéo.
Dans ces tutos, je n'utilise pas de framework ou librairie, tous les scripts sont réalisés en Vanilla Javascript (Javascript pur).
Pourquoi faire du vanilla Javascript ? Car une bonne maîtrise du Javascript entraînera une meilleure assimilation des frameworks et librairies (jQuery, Angular, React, Vue ...).
Pour résumer, Javascript Training Serie à pour but de vous rendre meilleur et plus autonome en Javascript.
Quel est le niveau requis pour suivre ce tuto ?
Que contient le fichier source ?
Les apprenants qui suivent cette formation s'intéressent aussi à :

JS moderne, EXO #6 Limiter le nombre de caractères dans un textarea

Javascript Moderne : Le bundle

JavaScript moderne avancé - Formulaire et Regex

Le développement moderne en JavaScript - Module 5/8

Bundle 10 exercices 100% frontend HTML, CSS et JS

Les bases du langage JavaScript en 6 jours

20 projets en JavaScript natif : codez des applis web complètes sans aucun framework



jQuery Facile #5/10 : Les méthodes d'affectation
Avis des apprenants