$ 6.00

Tuto Javascript Training Series : Compter les caractères restants avec JavaScript

$ 6.00

  • Une formation vidéo de 39m21s
  • Téléchargement immédiat et visionnage illimité
  • Satisfait ou remboursé
  • Fichiers sources inclus
  • Découvrez pourquoi vous former avec Tuto.com

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.

Au cours de ce tuto Javascript "compter les caractères restants" nous verrons :

  • comment travailler avec la console du navigateur,
  • les événements keydown, et keyup,
  • les propriétés value, length, nextElementSibling, innerHTML, textContent et style,
  • l'opérateur this,
  • les méthodes querySelectorAll et addEventListener,
  • la boucle for,
  • la condition en if, else if, et else

Je reste disponible dans le salon d'entraide et les fichiers sources sont fournies.
 

Quelques mots sur Javascript Training Series : 

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.

Table des matières de cette formation JavaScript (durée : 39m21s)

(vous pouvez acheter chacune de ces vidéos à l’unité !)
  • On réalise le script pour un seul champ
    • On compte le nombre de caractères saisis dans le champ 00:08:03
    • On écoute les événements keydown et keyup 00:05:58
  • On réalise le script pour plusieurs champs
    • On crée une boucle for pour parcourir un tableau 00:10:40
    • On récupère les span et on utilise l'opérateur this 00:07:12
    • On crée une condition pour changer la couleur des chiffres du compteur 00:07:28



Formateur : Sébastien Imbert

Sébastien Imbert a publié 16 tutoriels et obtenu une note moyenne de 4,9/5 sur 1 091 tutoriels vendus. Voir les autres formations de Sébastien Imbert

  • Avec quelle version de logiciel ce tuto est-il compatible ?
    JavaScript
  • Quel est le niveau requis pour suivre ce tuto ?
    débutant
  • Que contient le fichier source ?
    Le fichier source contient un dossier "start", qui contient les fichiers html et css, sans le fichier javascript pour que vous puissiez réaliser le script en suivant le tutoriel, ainsi qu'un dossier "end" qui contient tous les fichiers html, css et js.
accédez à plus de 1599 tuto gratuits


non, je ne veux pas me former gratuitement