Comment compter les cas dans une chaîne à l’aide de JavaScript

Posté Par: Windows2022tutosur: janvier 23, 2023Dans: cas, comment, compter, dans, javascript, les, Tech, unePas De Commentaires

Imprimer E-mail

Comment compter les cas dans une chaîne à l’aide de JavaScript

Introduction

Dans ce tutoriel, nous allons créer un Comment compter les cas dans une chaîne à l’aide de JavaScript. Le but de ce didacticiel est de vous apprendre à compter le total des minuscules et des majuscules dans une chaîne. Cela couvrira toutes les fonctions de base changera votre arrière-plan Je fournirai un exemple de programme pour montrer le codage réel de ce didacticiel.

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 quelle application qui doit compter dans une certaine chaîne. Je ferai de mon mieux pour vous fournir le moyen le plus simple de créer ce programme Compter les majuscules et les minuscules dans une chaîne. 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 la zone de texte et le bouton pour la soumission. 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 Cases in a String using JavaScript</h3>
		<hr style="border-top:1px dotted #ccc;"/>
				<input type="text" id="text" class="form-control" />
			<button class="btn btn-primary" onclick="countCases();">Count</button> <button class="btn btn-success" onclick="clearStr();">Clear</button>

Création d’une fonction JavaScript

C’est là que se trouve la fonction principale de l’application. Ce code comptera le nombre total de cas dans une chaîne lors de la soumission. Pour ce faire, copiez et écrivez simplement ce bloc de codes dans l’éditeur de texte et enregistrez-le sous script.js.

function countCases() {
	let str = document.getElementById('text').value;
	let upper=
	let lower=;
	let len=str.length;
	for(var i=;i<len;i++){
		if(/[A-Z]/.test(str.charAt(i))){
			upper++;
		}else{
			lower++;
		}
	}
 
	document.getElementById('result').innerHTML = "<h1 style="font-size:20px;">UPPER CASE: <span class="text-primary" style="font-size:30px:">"+upper+"</span></h1><h1 style="font-size:20px;">LOWER CASE: <span class="text-primary" style="font-size:30px:">"+lower+"</span></h1>";
}
 
function clearStr(){
	document.getElementById('text').value = "";
	document.getElementById('result').innerHTML = "";

Dans le code ci-dessus, nous créons simplement une méthode appelée countCase(), cette fonction comptera le total des majuscules et des minuscules dans une chaîne. L’astuce ici est que nous avons juste besoin de rechercher toutes les lettres majuscules dans une chaîne. Nous utilisons simplement une instruction conditionnelle avec un argument qui regex la correspondance pour toutes les majuscules disponibles dans la chaîne. Sinon, la correspondance n’a rien renvoyé, cela affichera le résultat pour les minuscules.

Sortir:

Les Comment compter les cas dans une chaîne à l’aide de 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 les cas dans une chaîne à l’aide de 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