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 : 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
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 html : 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
<!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>