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>
Partager