Comment compter le nombre de mots dans une chaîne en utilisant JavaScript

Posté Par: Windows2022tutosur: décembre 13, 2022Dans: TechPas De Commentaires

Comment compter le nombre de mots dans une chaîne en utilisant JavaScript

Introduction

Dans ce tutoriel, nous allons créer un Comment compter le nombre de mots dans une chaîne en utilisant JavaScript. Ce tutoriel a pour but de vous apprendre à compter les mots que vous tapez. Cela couvrira toutes les fonctions de base qui compteront le nombre de mots saisis. Je vais fournir un exemple de programme pour montrer le codage réel de ce tutoriel.

Ce tutoriel est simple et facile à comprendre, il suffit de suivre les instructions que j’ai fournies et vous pouvez le faire sans problème. Ce programme peut être utilisé pour n’importe quel système de publication qui a besoin de suivre le mot que vous avez tapé. Je ferai de mon mieux pour vous fournir le moyen le plus simple de créer ce programme Compter le nombre de mots. Faisons donc le codage.

Avant de commencer :

Ceci est le lien pour le modèle que j’ai utilisé pour la conception de la mise en page https://getbootstrap.com/.

Création de l’interface

C’est ici que nous allons créer une interface simple pour notre application. Ce code n’affichera que les entrées du formulaire et le détail de l’état. Pour le créer, copiez-le simplement et écrivez-le dans votre éditeur de texte, puis enregistrez-le sous index.html.

<!DOCTYPE html>
		<meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1"/>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
	<nav class="navbar navbar-default">
		<div class="container-fluid">
			<a class="navbar-brand" href="https://sourcecodester.com">Sourcecodester</a>
	<div class="col-md-6 well">
		<h3 class="text-primary">How to Count Number of Words in a String using JavaScript</h3>
		<hr style="border-top:1px dotted #ccc;"/>
			<textarea class="form-control" id="wordInput" style="resize:none; height:250px;" onkeyup="countNumWords()"></textarea>
		<h3>Words: <span id="count" style="color:red;"></span></h3>

Création d’une fonction JavaScript

C’est là que se trouve la fonction principale de l’application. Ce code comptera automatiquement les mots que vous tapez. Pour ce faire, copiez et écrivez simplement ce bloc de codes dans l’éditeur de texte et enregistrez-le sous script.js.

function countNumWords() {
	var text = document.getElementById("wordInput").value;
	var wordCount;
 
	if(text == ""){
		wordCount = ;
	}else{
		var regex = /\s+/gi;
		wordCount = text.trim().replace(regex, ' ').split(' ').length;
	}
 
 
	document.getElementById("count").innerHTML = wordCount;
 
}

Dans ce code, nous ne créons qu’une seule méthode appelée countNumWords(), ce sera la fonction que nous utiliserons pour compter les mots. Dans la première ligne de code, nous ne créons que deux variables qui ne lient que l’entrée de texte et une vide. Nous utilisons une instruction conditionnelle pour suivre s’il y a un mot d’entrée sinon le nombre de mots restera à zéro, sinon il affichera le compteur. Afin de suivre le mot qui devait être compté, nous créons une variable qui définira la regex spéciale, c’est la fonction qui ciblera uniquement le mot que nous entrons.

Production:

La Comment compter le nombre de mots dans une chaîne en utilisant JavaScript le code source que je fournis peut être téléchargé ci-dessous. Veuillez cliquer sur le bouton de téléchargement.

Voilà, nous avons créé avec succès Comment compter le nombre de mots dans une chaîne en utilisant JavaScript. J’espère que ce tutoriel simple vous aidera à ce que vous recherchez. Pour plus de mises à jour et de tutoriels, veuillez simplement visiter ce site. Profitez du codage !

Plus de tutoriels pour le langage JavaScript

Tutoriels JavaScript

Télécharger ici