Le chiffre de César

Version imprimable

Le chiffre de César

Bonjour tout le monde, je suis en terminale S, option initiation aux sciences du numérique. Nos deux profs nous on donné pour la semaine prochaine un devoir sur le chiffre de césar (cryptage) le probléme, c'est que nous avons eu à proprement parlé, aucun cours, je bloque donc pour la fin du programme, je pense que le début est bon, mais je bloque pour afficher le message dans la deuxième fenêtre, voila le code:

HTML:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!DOCTYPE html>
 
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Chiffrement</title> 
    <meta name="author" content="ISN_Robespierre" />
    <link href="chiffrer.css" rel="stylesheet" type="text/css" media="screen"/>
  </head>
  <body>
	<h1>Le chiffre de César.</hi>
		<p>Message à traiter:</p>
		<textarea id="message1"></textarea>
		</br>
		clef:<input id="clef" type="text" value="3">
			<button type="button" id="boutonChiffrer" > Chiffrer </button>
			<button type="button" id="boutonDechiffrer" > Dechiffrer </button>
		<p>Message traité:</p>
			<div id="message2"><div>
 
    <script type="text/javascript" src="chiffrer.js" >  </script>	
  </body>
</html>

Javascript:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
var clef;
var message1;
var message2;
 
var setupEvents = function() {
 
	clef = document.getElementById("clef");  
    message1 = document.getElementById("message1");
	message2 = document.getElementById("message2");
 
	var boutonChiffrer = document.getElementById("boutonChiffrer");
	var boutonDechiffrer = document.getElementById("boutonDechiffrer");
	boutonChiffrer.addEventListener("click", actualiserMessage2);
	boutonDechiffrer.addEventListener("click", dechiffrer);
}
 
window.addEventListener("load", setupEvents);
 
var actualiserMessage2 = function() 
{
	var nombreClef = parseFloat(clef.value);
    var onChiffre = chiffrer(message1, nombreClef);
	message2.value=onChiffre;
 
}
 
 
 
var chiffrer = function(message1, clef) {
    var message2 = "";
	var taille = message1.lenght();
    for(var i = 0; i < taille; i++) 
	{
        var messageUnCaractere = message1.charCodeAt(i);
        if(messageUnCaractere >= 97 && messageUnCaractere <= 122) 
		{
            message2 += String.fromCharCode((messageUnCaractere - 97 + clef) % 26 + 97);
        } 
		else if(messageUnCaractere >= 65 && messageUnCaractere <= 90) 
		{
            message2 += String.fromCharCode((messageUnCaractere - 65 + clef) % 26 + 65);
        } 
		else 
		{
            message2 += String.fromCharCode(messageUnCaractere);
        }
    }
    return message2;
}
 
var dechiffrer = function(message1, clef) {
    var message2 = "";
	var taille = message1.lenght();
    for(var i = 0; i < taille; i++) 
	{
        var messageDeuxCaractere = message1.charCodeAt(i);
        if(messageDeuxCaractere >= 97 && messageDeuxCaractere <= 122) 
		{
            message2 += String.fromCharCode((messageDeuxCaractere - 97 - clef + 26) % 26 + 97);
        } 
		else if(messageDeuxCaractere >= 65 && messageDeuxCaractere <= 90) 
		{
            message2 += String.fromCharCode((messageDeuxCaractere - 65 - clef + 26) % 26 + 65);
        } 
		else 
		{
            message2 += String.fromCharCode(messageUnCaractere);
        }
    }
    return message2;
}

Voila, je n'arrive pas à trouver le problème, je n'ai pas un excellent niveau mais je pense être le seul à être arrivé aussi "loin". Merci de votre aide bonne journée :)

08/12/2013, 13h15
SylvainPV

Bonjour,

Pour les champs texte <input> ou <textarea>, récupérer ou modifier la valeur du champ se fait grâce à l'attribut value, comme tu as fait. En revanche, pour les autres éléments comme <div>, il faut modifier le contenu HTML de cet élément via innerHTML ou textContent.

Code:

message2.textContent = chiffrer(message1, nombreClef);
08/12/2013, 19h36
Elradriel
Code:

1 2 3 4 5 6 7 var actualiserMessage2 = function() { var nombreClef = parseFloat(clef.value); var onChiffre = chiffrer(message1, nombreClef); message2.innerHTML = chiffrer(message1, nombreClef); }
C'est bien ici la dernière phrase à changer non ?

Je dois avoir oublier une étape, mais je n'arrive pas à distinguer lequel.

PS: Apparement déjà, la fonction est message1.lenght;
et non pas message1.lenght();

Mais ça ne m'affiche toujours pas de message
08/12/2013, 22h18
SylvainPV

En fait c'est length

Utilise la console et un debugger pour repérer les erreurs dans ton code :
http://javascript.developpez.com/faq...syntaxe#Erreur
09/12/2013, 10h51
NoSmoking

Bonjour,
si je m'en réfère à tes déclarations de variables on trouve

Code:

message1 = document.getElementById("message1");

donc normal que message1 n'est pas de length, tu as l'élément mais pas son contenu.

Au passage pas forcément judicieux du tout d'utiliser le même nom surtout si ta variable est globale.

Salut tout le monde ! Merci pour votre aide j'ai réussis à finaliser le problème ! Le programme marche maintenant parfaitement (du moins de ce que j'ai essayé) Voici le code si jamais quelqu'un rencontre le même problème: (Je suppose qu'il n'est pas optimisé mais bon, ça devrait aller)

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!DOCTYPE html>
 
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Chiffrement</title> 
    <meta name="author" content="ISN_Robespierre" />
    <link href="chiffrer.css" rel="stylesheet" type="text/css" media="screen"/>
  </head>
  <body>
	<h1>Le chiffre de César.</hi>
		<p>Message à traiter:</p>
		<textarea id="message1"></textarea>
		</br>
		clef:<input id="clef" type="text" value="3">
			<button type="button" id="boutonChiffrer" > Chiffrer </button>
			<button type="button" id="boutonDechiffrer" > Dechiffrer </button>
		<p>Message traité:</p>
			<div id="message2"><div>
 
    <script type="text/javascript" src="chiffrer.js" >  </script>	
  </body>
</html>

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
var clef;
var message1;
var message2;
 
var setupEvents = function() {
 
	clef = document.getElementById("clef");  
    message1 = document.getElementById("message1");
	message2 = document.getElementById("message2");
 
	var boutonChiffrer = document.getElementById("boutonChiffrer");
	var boutonDechiffrer = document.getElementById("boutonDechiffrer");
	boutonChiffrer.addEventListener("click", actualiserMessage2Chiffrer);
	boutonDechiffrer.addEventListener("click", actualiserMessage2Dechiffrer);
}
 
window.addEventListener("load", setupEvents);
 
var actualiserMessage2Chiffrer = function() 
{
	var nombreClef = parseFloat(clef.value);
	var messageUn = message1.value;
    var onChiffre = chiffrer(messageUn, nombreClef);
	message2.innerHTML = onChiffre;
 
}
 
var actualiserMessage2Dechiffrer = function()
{
 var nombreClef = parseFloat(clef.value);
 var messageUn = message1.value;
 var onDechiffre = dechiffrer(messageUn, nombreClef);
 message2.innerHTML = onDechiffre;
}
 
 
 
var chiffrer = function(message1, clef) {
    var message2 = "";
	var taille = message1.length;
    for(var i = 0; i < taille; i++) 
	{
        var messageUnCaractere = message1.charCodeAt(i);
        if(messageUnCaractere >= 97 && messageUnCaractere <= 122) 
		{
            message2 += String.fromCharCode((messageUnCaractere - 97 + clef) % 26 + 97);
        } 
		else if(messageUnCaractere >= 65 && messageUnCaractere <= 90) 
		{
            message2 += String.fromCharCode((messageUnCaractere - 65 + clef) % 26 + 65);
        } 
		else 
		{
            message2 += String.fromCharCode(messageUnCaractere);
        }
    }
    return message2;
}
 
var dechiffrer = function(message1, clef) {
    var message2 = "";
	var taille = message1.length;
    for(var i = 0; i < taille; i++) 
	{
        var messageDeuxCaractere = message1.charCodeAt(i);
        if(messageDeuxCaractere >= 97 && messageDeuxCaractere <= 122) 
		{
            message2 += String.fromCharCode((messageDeuxCaractere - 97 - clef + 26) % 26 + 97);
        } 
		else if(messageDeuxCaractere >= 65 && messageDeuxCaractere <= 90) 
		{
            message2 += String.fromCharCode((messageDeuxCaractere - 65 - clef + 26) % 26 + 65);
        } 
		else 
		{
            message2 += String.fromCharCode(messageDeuxCaractere);
        }
    }
    return message2;
}

Voila :) encore merci pour votre aide, je dois maintenant créer un bouton qui recopie le message crypté dans la fenêtre 1, je vais essayer de faire cela, mais je pense que le plus dur est fait :) Bonne journée !

10/12/2013, 01h23
hackoofr

:salut:
Juste, si vous voulez voir aussi d'autres exemples d’algorithmes de Chiffrement/Déchiffrement :king:
03/11/2016, 01h29
Moro16

Salut!
Très interressant. Merci pour le debug de mon code. Il n'y aurait-il pas une autre solution sans utiliser le DOM?Merci encore !