Comment créer des compteurs en javascript

En JavaScript, les compteurs sont principalement utilisés pour afficher les valeurs à partir de «0»Et se terminant à un nombre spécifique. Ceux-ci sont également utilisés par de nombreux sites Web pour rendre une page Web plus attrayante. De plus, les compteurs deviennent également utiles dans le cas du comptage sur un intervalle de temps spécifié pour l'utilisation de tableaux de bord dans l'application.

Comment utiliser des compteurs en javascript?

Pour créer des compteurs en javascript, vous pouvez utiliser:

• "pour" boucle
• "Mathématiques.aléatoire()" méthode

Nous allons maintenant passer par chacune des approches mentionnées une par une!

Méthode 1: Créez des compteurs en javascript en utilisant pour Loop

En JavaScript, le «pour»Loop peut être utilisé pour implémenter les compteurs. Cette méthode peut être mise en œuvre en prenant un compteur "arrêt”Limite de l'utilisateur en tant qu'entier et effectuant l'itération de zéro à ce numéro.

Voici un exemple pour la démonstration.

Exemple

Tout d'abord, nous demanderons à l'utilisateur de saisir la limite d'arrêt du compteur via le pop-up:

a = invite ('où voulez-vous que votre compteur s'arrête?')

Ensuite, nous appliquerons un «pour”Boucle pour itérer une boucle jusqu'à ce qu'elle atteigne la limite d'arrêt du compteur saisi par l'utilisateur. Ensuite, affichez toutes les valeurs de temporisation correspondantes:

pour (laissez compter = 0; compte<=a; count+=1)
console.log (count);

Valeur d'entrée

Sortir

Méthode 2: Créez des compteurs en javascript en utilisant les mathématiques.Méthode aléatoire ()

Cette méthode est appliquée pour générer une valeur aléatoire dans chaque itération en utilisant le «Mathématiques.aléatoire()»Et convertissez le numéro de point flottant résultant en un entier à l'aide du«Mathématiques.sol()" méthode.

Syntaxe

Mathématiques.sol (mathématiques.Random () * (nombre));

Ici, "nombre»Représente la limite d'arrêt du compteur.

Regardez l'exemple donné ci-dessous.

Exemple

Tout d'abord, nous définirons une fonction "valeur()«Où nous allons initialiser le«compter" pour "0". Ensuite, affectez les valeurs aléatoires au «aléatoire"Variable via"Mathématiques.aléatoire()". En conséquence, un nombre décimal sera renvoyé entre 0 et 1 et convertir les valeurs de virgule flottante résultantes en entiers en utilisant le «Mathématiques.sol()" méthode.

Ensuite, nous inclurons une condition dans la condition While, qui s'exécutera jusqu'à ce que le généré ne soit pas égal "5". Dans chaque itération, un nouveau nombre aléatoire sera généré et la valeur du compteur sera mise à jour:

functionValue ()
Soit Count = 0;
Laissez Randomno = mathématiques.sol (mathématiques.aléatoire());
tandis que (Randomno != 5)
Randomno = mathématiques.sol (mathématiques.Random () * (10));
Count + = 1;

returnCount;

Enfin, nous afficherons la valeur aléatoire générée en appelant la fonction "valeur()»:

console.log ("Counter Value Is", Value ());

Sortir

Maintenant, lors de l'exécution du même code, nous obtiendrons une autre valeur aléatoire:

Nous avons fourni les méthodes les plus faciles pour créer et utiliser des compteurs en javascript.

Conclusion

Vous pouvez créer des compteurs en JavaScript en appliquant le «pour”Boucle pour itérer les compteurs jusqu'à leur limite d'arrêt attribuée ou«Mathématiques.aléatoire()«Méthode pour afficher au hasard la valeur du compteur. Cet article a guidé sur la création de compteurs en JavaScript en utilisant les méthodes spécifiées à l'aide des exemples.