Jeu du pendu, condition de fin

Version imprimable

bonjour
voici mon code en javascript pour un jeu de pendu , je bloque sur une condition qui est que le jeu s'arrête si le joueur a trouvé le mot à deviner ou si le nombre de pénalité dépasse un seuil (par exemple, 6 pénalités).

pouvez vous me proposez une idée
merci d'avance

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
var tableau = ["France", "russia", "india", "hawai", "california"];
var position = Math.floor(Math.random()*5);
var mot_choisi= tableau[position];
 
var penalite;
 
 
function init(){
penalite=0;
 
var n = document.getElementById("intext");
n.onchange = jeupendu;
ndiv = document.getElementById("message");
ndiv.innerHTML="Donner une lettre d'un pays avec " + mot_choisi.length + " lettres " ;
}
 
function jeupendu(event){
 
ndiv = document.getElementById("message");
var lettre_choisi= this.value;
 
if (mot_choisi.indexOf(lettre_choisi) >-1){
 ndiv.innerHTML = " la lettre " + lettre_choisi + " est dans la position " + (mot_choisi.indexOf(lettre_choisi)+1) + " du mot";
 
}
 
else {
  if (mot_choisi.indexOf(lettre_choisi)==-1)
  ndiv.innerHTML = "la lettre " + lettre_choisi + " n'est pas dans le mot "  ; 
  penalite=penalite+1;
}
 
document.getElementById('penalite').innerHTML=" penalite : " + penalite;
 
if (penalite==5){
  ndiv.innerHTML="vous avez perdu "
}
 
this.value="";
 
console.log("le mot = "+ mot_choisi);
console.log(" lettre = "+(lettre_choisi));
 
console.log("penalite = "+mot_choisi.indexOf(lettre_choisi));
}

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>replit</title>
    <link href="style.css" rel="stylesheet" type="text/css" />
    <script src="script.js"></script>
  </head>
 
  <body onload='init()'>
    <h1 id="titre">Bienvenue sur le jeu de Pendu</h1></center>
    <center> 
      <img src= "https://dictionnaire.notrefamille.com/images/dictionnaire/pendu/0.gif" alt="jeu pendu " >
      <hr size="3" noshade="">
    <div id="message"> </div>
    <input id="intext" type="text" value=""></input>
 
 
  </body>
</html>

09/01/2022, 18h28
ProgElecT

Salut, bienvenue sur DVP

Soit tu as un mauvais copier/coller soit il te manque un élément html ayant pour id penalite,
se qui produit une erreur dans la partie VBScript (ligne 33 de ton code)

Code:

document.getElementById('penalite').innerHTML=" penalite : " + penalite;
09/01/2022, 18h58
rise.shine

jeu pendu javascript

merci pour ton retour , oui j'ai oublié de rajouter l'element dans HTML, mais qu'elle est la condition pour que le jeu s’arrête si le joueur a trouver le mot ?

Re
Ton code un peu modifié

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
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>replit</title>
    <!-- <link href="style.css" rel="stylesheet" type="text/css" /> -->
    <!-- <script src="script.js"></script> -->
  </head>
 
  <body onload='init()'>
	<h1 id="titre">Bienvenue sur le jeu de Pendu</h1></center>
    <center> 
      <img src= "https://dictionnaire.notrefamille.com/images/dictionnaire/pendu/0.gif" alt="jeu pendu " >
      <hr size="3" noshade="">
    <div id="message"> </div>
    <input id="intext" type="text" value=""></input>
	<br /><span id="penalite"></span>
	<script>
                var tableau = ["France", "russia", "india", "hawai", "california"];
                var position = Math.floor(Math.random()*5);
                var mot_choisi= tableau[position];
 
                var penalite;
                let ndiv = document.getElementById("message");
                let n = document.getElementById("intext");
 
                function init(){
                        penalite=0;
                        n.onchange = jeupendu;
                        ndiv.innerHTML="Donner une lettre d'un pays avec " + mot_choisi.length + " lettres " ;
                }
 
                function jeupendu(event){
 
                        var lettre_choisi= this.value;
 
                        if (mot_choisi.indexOf(lettre_choisi) >-1){
                                ndiv.innerHTML = " la lettre " + lettre_choisi + " est dans la position " + (mot_choisi.indexOf(lettre_choisi)+1) + " du mot";
                        }else{
                                if (mot_choisi.indexOf(lettre_choisi)==-1){
                                        ndiv.innerHTML = "la lettre " + lettre_choisi + " n'est pas dans le mot "  ; 
                                        ++penalite;
                                }
                        }
                        document.getElementById('penalite').innerHTML=" penalite : " + penalite;
                        if (penalite==6){
                                //pour continuer la partie
                                //ndiv.innerHTML="vous avez perdu, mais vous pouvez recommencer";
                                //penalite = 0;
                                
                                //sinon
                                ndiv.innerHTML="vous avez perdu";
                                n.style.display = "none";
                        }
 
                        this.value="";
 
                        //console.log("le mot = "+ mot_choisi);
                        //console.log(" lettre = "+(lettre_choisi));
 
                        //console.log("penalite = "+mot_choisi.indexOf(lettre_choisi));
                }
 
        </script> 
 
  </body>
</html>

09/01/2022, 19h27
rise.shine

jeu pendu JS
merci pour vos modification , je prend en compte, cependant pour la condition si le joueur a gagner est ce que je peux faire:
Code:

1 2 3 if (lettre_choisi==mot_choisi){ ndiv.innerHTML="vous avez gagné"; }
sachant que les lettres inséré ne sont pas enregistrer et ne sont pas comparé au mot...

jeu pendu JS

pour la condition si le mot a été deviner j'ai rajouter la condition:

Code:

1
2
3
4
var newmot = mot.replace(lettre_choisi," ");
if(mot_choisi==0){
  ndiv.innerHTML=" vous avez gagné "
}

voici le code:

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
var tableau = ["France", "russia", "india", "hawai", "california"];
var position = Math.floor(Math.random()*5);
var mot_choisi= tableau[position];
 
var penalite;
 
 
function init(){
penalite=0;
 
var n = document.getElementById("intext");
n.onchange = jeupendu;
ndiv = document.getElementById("message");
ndiv.innerHTML="Donner une lettre d'un pays avec " + mot_choisi.length + " lettres , vous avez 6 chances"  ;
}
 
function jeupendu(event){
 
ndiv = document.getElementById("message");
var lettre_choisi= this.value;
 
if (mot_choisi.indexOf(lettre_choisi) >-1){
 ndiv.innerHTML = " la lettre " + lettre_choisi + " est dans la position " + (mot_choisi.indexOf(lettre_choisi)+1) + " du mot";
}
 
 
else {
  if (mot_choisi.indexOf(lettre_choisi)==-1){
  ndiv.innerHTML = "la lettre " + lettre_choisi + " n'est pas dans le mot " +   ; 
  penalite++;
  }
}
 
document.getElementById('penalite').innerHTML=" penalite : " + penalite;
 
if (penalite==6){
  ndiv.innerHTML="vous avez perdu "
  //pour continuer la partie
  //ndiv.innerHTML="vous avez perdu, mais vous pouvez recommencer";
  //penalite = 0;
  //sinon
  ndiv.innerHTML="vous avez perdu "
  n.style.display = "none";
}
 
var newmot = mot.replace(lettre_choisi," ");
if(mot_choisi==0){
  ndiv.innerHTML=" vous avez gagné "
}
 
 
this.value="";
 
console.log("le mot = "+ mot_choisi);
console.log(" lettre = "+(lettre_choisi));
 
console.log("penalite = "+mot_choisi.indexOf(lettre_choisi));
}

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>replit</title>
    <link href="style.css" rel="stylesheet" type="text/css" />
    <script src="script.js"></script>
  </head>
 
  <body onload='init()'>
    <h1 id="titre">Bienvenue sur le jeu de Pendu</h1></center>
    <center> 
      <img src= "https://dictionnaire.notrefamille.com/images/dictionnaire/pendu/0.gif" alt="jeu pendu " >
      <hr size="3" noshade="">
    <div id="message"> </div>
    <input id="intext" type="text" value=""></input>
      <br /><span id="penalite"></span>
  </body>
</html>