Comment supprimer un mot d’un paragraphe en JavaScript

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

Comment supprimer un mot d’un paragraphe en JavaScript

Introduction

Dans ce tutoriel, nous allons créer un Comment supprimer un mot d’un paragraphe en JavaScript. Le but de ce didacticiel est d’apprendre à supprimer un seul mot d’un paragraphe. Cela couvrira toutes les fonctions importantes qui supprimeront un mot du paragraphe. 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é sur n’importe quel système de publication lorsque vous devez supprimer certains mots. Je ferai de mon mieux pour vous fournir le moyen le plus simple de créer ce programme supprimer un mot d’un paragraphe. 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 de formulaire et le paragraphe. 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 Remove a Word from Paragraph</h3>
		<hr style="border-top:1px dotted #ccc;"/>
					<input type="text" class="form-control" placeholder="Enter word" id="content"/>
				<button type="button" onclick="removeWord();" class="btn btn-primary btn-block">Remove</button>

Création d’une fonction JavaScript

C’est là que se trouve la fonction principale de l’application. Ce code supprimera dynamiquement le mot que vous recherchez dans la zone de texte. Pour ce faire, copiez et écrivez simplement ce bloc de codes dans l’éditeur de texte et enregistrez-le sous script.js.

var paragraph = "The Solar System consists of the Sun Moon and Planets. It also consists of comets, meteoroids and asteroids. The Sun is the largest member of the Solar System. In order of distance from the Sun, the planets are Mercury, Venus, Earth, Mars, Jupiter, Saturn, Uranus, Neptune and Pluto; the dwarf planet. The Sun is at the centre of the Solar System and the planets, asteroids, comets and meteoroids revolve around it.";
 
document.getElementById('result').innerHTML = paragraph;
 
 
var newParagraph = "";
 
 
function removeWord(){
	var content = document.getElementById('content');
	var word = content.value;
 
	if(content.value == ""){
		alert("Please enter something first!");
	}else{
		if(newParagraph == ""){
			newParagraph = paragraph.replace(new RegExp(word, 'g'), "");
		}else{
			newParagraph = newParagraph.replace(new RegExp(word, 'g'), "");
		}
 
		document.getElementById('result').innerHTML = newParagraph;
 
		content.value = "";
	}
}

Dans la première ligne de code, nous définissons simplement le paragraphe dans une variable afin qu’il soit plus facile d’utiliser this plus tard. Nous affichons ensuite le paragraphe dans le contenu de la page html. Nous avons créé une méthode appelée supprimerMot(). Dans cette méthode, nous créons simplement des variables et définissons leur fonction correspondante. Pour supprimer un mot, nous utilisons simplement une fonction JavaScript spéciale appelée remplacer(). Cette fonction supprimera une chaîne ciblée en fonction de la condition de l’expression régulière que vous avez définie. Dans mon cas, j’utilise une condition qui ne supprimera que les mots du paragraphe.

Production:

La Comment supprimer un mot d’un paragraphe en 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 supprimer un mot d’un paragraphe en 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