Avez-vous une question? (216) 97 656 803 hajjriadh@gmail.com
JavaScript

Correction exercices les chaînes de caractères en JavaScript

Un cours complet pour maîtriser Correction exercices les chaînes de caractères en JavaScript.

0 chapitres 0 QCM Accès gratuit
Commencer Retour aux cours
Sommaire du cours
La syntaxe de base de Javascript
Où et comment insérer du JavaScript ?
Les variables en JavaScript
Exercice les variables en JavaScript
Les chaînes de caractères en JavaScript
TP les chaines de caractères en JavaScript
Les limites du langage HTML
Historique du langage JavaScript
Apport de JavaScript
Les objets JavaScript
Les opérateurs en JavaScript
Exercice divers en JavaScript Série 02
L’accès aux éléments HTML en Javascript
Les conditions if else en JavaScript
La structure switch en JavaScript
Autres catégories
News
Microsoft Office
Les cours de programmation
MOS
WordPress
Ressources pédagogiques
Voir tout le catalogue

  1. Objectifs

    • ِEtre capable de manipuler les chaînes de caractères en JavaScript

  2. Exercice 01

    1. Énoncé
    2. Solution
      <!DOCTYPE html >
<html lang="fr">

<head><title>Ex 1TP1</title>
<style>
fieldset {
			width: 500px;
			border: 3px solid #556B2F;
			border-radius: 10px;
			padding: 10px 20px;
			text-align: left;
		}
legend{
color:blue;
}
</style>
</head>

<script>
function ReverseStr(str) {

document.getElementById("zoneInverse").value=(str.split('').reverse().join(''));
}
 //alert(str.split('').reverse().join(''));
 // return str.split('').reverse().join('');
</script>

</head>
<body>
<center>
<fieldset>
<legend style="color:#556B2F">Chaine Inversée</legend
<form method=" ge t " action="" id="myForm">
<p>
<label> Entrez une Chaine : </ label>
<input type=" text "id="zoneSaisie" name="zoneSaisie" size="46"/>
</p>
<p>
<button onclick="ReverseStr(document.getElementById('zoneSaisie').value)">Inversez la chine</button>
</p>
<p>
<label>La chaine inversée :   </ label>
<input type=" text "id="zoneInverse" name="zoneInverse" size="46" disabled/>
</p>

</form>
</fieldset>
</center>
</body>
</html>

  3. Exercice 02

    1. Énoncé
    2. Solution
      <!DOCTYPE html >
<html lang="fr">

<head><title>Exercice 02 TP1</title>
<style>
fieldset {
			width: 500px;
			border: 3px solid #556B2F;
			border-radius: 10px;
			padding: 10px 20px;
			text-align: left;
		}
legend{
color:blue;
}
</style>
</head>

<script>
function longueMot(laChaine)
{
	var str = laChaine.split(" ");
	var longest = 0; var mot = null;
	for (var i = 0; i <= str.length - 1; i++)
	{ 
		if (longest < str[i].length)
		{ 
			longest = str[i].length; mot = str[i]; 
		} 
	} 
document.getElementById("zoneInverse").value=mot;
}

</script>

</head>
<body>
<center>
<fieldset>
<legend style="color:#556B2F">Chaine plus longue</legend
<form method=" ge t " action="" id="myForm">
<p>
<label> Entrez une Chaine : </ label>
<input type=" text "id="zoneSaisie" name="zoneSaisie" size="46"/>
</p>
<p>
<button onclick="longueMot(document.getElementById('zoneSaisie').value)">Le plus long mot</button>
</p>
<p>
<label>La plus longue :   </ label>
<input type=" text "id="zoneInverse" name="zoneInverse" size="46" disabled/>
</p>

</form>
</fieldset>
</center>
</body>
</html>

  4. Exercice 03

    1. Énoncé
    2. Solution
      <!DOCTYPE html> 
<html> 
   <head> 
      <meta charset="UTF-8" />
   <style>
		fieldset {
			width: 500px;
			border: 3px solid #556B2F;
			border-radius: 10px;
			padding: 10px 20px;
			text-align: left;
		}
	legend{
	color:blue;
	}
   </style> 
      <script language="javascript"> 
         max=120; 
         function saisie(){ 
            if(document.formSms.txtSms.value.length>max){ 
               alert("Vous avez dépassé "+max+" caractères!"); 
               document.formSms.txtSms.value=document.formSms.txtSms.value.substring(0,max); 
            } 
            document.formSms.restant.value=max-document.formSms.txtSms.value.length; 
         } 
         function init(){ 
            document.formSms.txtSms.value=""; 
            document.formSms.txtSms.focus(); 
            saisie(); 
         }    
      </script> 
   </head> 
   <body onLoad="init()"> 
<center>
<fieldset>
<legend style="color:#556B2F">Saisie des SMS</legend>   
      <form name="formSms"> 
         <input type="text" size="70" name="txtSms" onKeyUp="saisie()"> 
         <br /> </br>
         <input type="text" name="restant" size="3" readonly> 
         caractère(s) restant(s). 
      </form>
</fieldset>
</center>
   </body> 
</html>

    3. Exercice 04

      1. Énoncé
      2. Solution
         <!DOCTYPE html> 
<html> 
   <head> 
      <meta charset="UTF-8" />
   <style>
		fieldset {
			width: 500px;
			border: 3px solid #556B2F;
			border-radius: 10px;
			padding: 10px 20px;
			text-align: left;
		}
	legend{
	color:blue;
	}
   </style> 
      <script language="javascript"> 
            function palindrome(str) {
               var re = /[\W_]/g;
               var lowRegStr = str.toLowerCase().replace(re, '');
               var reverseStr = lowRegStr.split('').reverse().join('');
               if(reverseStr === lowRegStr){
               document.getElementById('Ddiv').innerHTML=" Votre texte est un plaindrome";
               }
               else{
                  document.getElementById('Ddiv').innerHTML=" Votre texte n'est pas un plaindrome";

               }
            }   
      </script> 
   </head> 
   <body onLoad="init()"> 
<center>
<fieldset>
<legend style="color:#556B2F">Saisie des SMS</legend>   
      <form name="formSms"> 
         <input type="text" id="txtSms" > 
         <br /> </br>
         <input type="button" name="btn" onclick="palindrome(document.getElementById('txtSms').value)" value=" Tester si la chaine est un plaindrome "> 
      <div id="Ddiv"></div>
      </form>
</fieldset>
</center>
   </body> 
</html>