Remplacer un caractère

**TGV6773** · 28/01/2010, 08h51

Bonjour,

je fais un espèce de "pendu" et je souhaiterais remplacer le mot qui est caché (composé de *) par les bonnes lettres si elles ont été trouvées.

J'ai déja fait ceci:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
 function ajoutlettre()
{
    lett=document.getElementById("lettre").value
        for (i=0; i<lg; i=i+1)
        {
 
           if (lett=mot.charAt(i)) 
            {
            motcache.charAt(i)=mot.charAt(i)
            }
 
        }
}

Cette fonction est appelée lorsque je clique sur le bouton "OK" qui va chercher la lettre qui est dans la zone de saisie.

Mais ceci: motcache.charAt(i)=mot.charAt(i)

ça a pas l'air de marcher ...

Pouvez-vous m'aider ?

**vermine** · 28/01/2010, 09h03

Bonjour,

Ce n'est pas aussi rapide que cela.
Tout d'abord, la comparaison en Javascript se fait avec deux égales:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
if (lett==mot.charAt(i))

Ensuite, nous ne savons pas ce que sont motcache et mot. Des objets ? Des .value ? Des chaines de caractères ?

Le mot caché (avec les *) est dans un input ? Un div ? Un span ? Un... ?
Car sans ça, on ne sait pas si on doit modifier un .value, un .innerHTML, etc.

Je n'ai pas testé mais faire un charAt(i) = charAt(i) n'est sans doute pas la bonne méthode. Ce serait plutôt un replace(charAt(i), charAt(i));

**SpaceFrog** · 28/01/2010, 09h32

plus facile serait d' utiliser un un split...

Vite fait la base du script a améliorer :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
<style type="text/css">
#affiche {letter-spacing:3px;
           text-align:center;}
</style>
<script type="text/javascript">
var mot=""
var tabmot, tabsol;
var solution ="developpez"
 
function init(){
	tabsol=solution.split('')
	var i=0
	while(tabsol[i++]){mot+="*";}
	tabmot=mot.split('')
	document.getElementById('affiche').value=mot
 
	}
 
function check(){
var propos=document.getElementById('saisie').value
var tabpropos=propos.split('')
var tpl=tabpropos.length
if(tpl!=tabsol.length){alert('Le nombre de lettres est incorrect!');
							return false;
							}
for(i=0;i<tpl;i++){
         if(tabsol[i]==tabpropos[i]){tabmot[i]=tabsol[i]}
         }
   mot=tabmot.join('')
   document.getElementById('affiche').value=mot
}     
 
</script>
</head>
 
<body onload="init()">
<input type="text" value="" readonly="readonly" id="affiche" /><br />
<input type="text" value="" id="saisie"  /><br />
<input type="button" onclick="check()" value="valider" />
</body>
 
</html>

c'est une version dans laquelle il faut que la bonne lettre soit placée au emplacement
Si tu veux une version ou l'on propose une lettre à la fois et elle est acceptée ou que soit sa place dans le mot il faudra passer par une regexp

**SpaceFrog** · 28/01/2010, 09h43

Quoi que ... même pas ^^

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
<html>
 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Nouvelle page 1</title>
<style type="text/css">
#affiche {letter-spacing:3px;
           text-align:center;}
#saisie {text-align:center;}
</style>
<script type="text/javascript">
var mot=""
var tabmot, tabsol;
var solution ="developpez"
var ml
 
function init(){
	tabsol=solution.split('')
	var i=0
	while(tabsol[i++]){mot+="*";}
	tabmot=mot.split('')
	document.getElementById('affiche').value=mot
	ml=tabmot.length
	}
 
function check(){
var propos=document.getElementById('saisie').value
 
for(i=0;i<ml;i++){
         if(tabsol[i]==propos){tabmot[i]=propos}
         }
   mot=tabmot.join('')
   document.getElementById('affiche').value=mot
   document.getElementById('saisie').value=""
    document.getElementById('saisie').focus()
}     
 
</script>
</head>
 
<body onload="init()">
<input type="text" value="" readonly="readonly" id="affiche" /><br />
<input type="text" value="" id="saisie"  maxLength="1"/><br />
<input type="button" onclick="check()" value="valider" />
</body>
 
</html>

Remplacer un caractère

JavaScript

Discussions similaires

Partager

Partager