Correction exercices les chaînes de caractères en JavaScript
Correction exercices les chaînes de caractères en JavaScript
-
Objectifs
- ِEtre capable de manipuler les chaînes de caractères en JavaScript
-
Exercice 01
-
Énoncé
-
Solution
-
Exercice 02
-
Énoncé
-
Solution
-
Exercice 03
-
Énoncé
-
Solution
-
Exercice 04
-
Énoncé
-
Solution
-
Vous pouvez visualiser l’énoncé de l’exercice
<!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 align="center">
<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> -
Vous pouvez visualiser l’énoncé de l’exercice
<!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 align="center">
<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> -
Vous pouvez visualiser l’énoncé de l’exercice
<!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> -
Vous pouvez visualiser l’énoncé de l’exercice
<!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> 