From c72f3e44a470c452bdd8e114eb78337a47cfea81 Mon Sep 17 00:00:00 2001
From: gwen <a>
Date: Thu, 29 Feb 2024 11:35:09 +0100
Subject: [PATCH 01/10] ajouter const REST_API

---
 science-quest/src/assets/const.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/science-quest/src/assets/const.js b/science-quest/src/assets/const.js
index 8cae71c..719f2e9 100644
--- a/science-quest/src/assets/const.js
+++ b/science-quest/src/assets/const.js
@@ -1 +1,3 @@
-export const NOM_APP="ScienceQuest"
\ No newline at end of file
+export const NOM_APP="ScienceQuest"
+
+export const REST_API="https://sae-java.alix-jdlm.fr/api/v1"
\ No newline at end of file

From c11dd25e0ca6a13b46eb0b24602c9101da66b3d2 Mon Sep 17 00:00:00 2001
From: gwen <a>
Date: Thu, 29 Feb 2024 14:44:46 +0100
Subject: [PATCH 02/10] debut d'utilisation de l'api

---
 .../src/components/jeux/pendu/Pendu.vue         | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/science-quest/src/components/jeux/pendu/Pendu.vue b/science-quest/src/components/jeux/pendu/Pendu.vue
index 88d7c25..96f0bef 100644
--- a/science-quest/src/components/jeux/pendu/Pendu.vue
+++ b/science-quest/src/components/jeux/pendu/Pendu.vue
@@ -1,5 +1,6 @@
 <script>
 import PenduDessin from './PenduDessin.vue'
+import { REST_API } from "../../../assets/const";
 
 export default{
     data() {
@@ -16,13 +17,14 @@ export default{
             debug_nbLettresADeviner: 8,
             debug_lettresDejaDevine: "", //tout en minuscule
             //bloquer l'input si l'utilisateur met une lettre deja devinée
+
+            api_pagesMaximum: 0, //impossible de connaitre le nombre de page a l'avance
         };
     },
     methods: {
         creerPartie: function () {
             this.debug_creerPartie();
             this.premierePartie = false;
-            this.partieTerminee = false;
             //l'api (PATCH demarrerPartie) retournera le nombre de lettres a deviner ainsi que le nombre de vies
             this.nbLettresADeviner = this.debug_nbLettresADeviner; //TODO utiliser l'api
             this.viesRestantes = 10; // TODO utiliser l'api
@@ -69,6 +71,19 @@ export default{
         },
         debug_creerPartie: function () {
             this.debug_lettresDejaDevine = "";
+            //appeler l'API
+            fetch(`${REST_API}/scientifiques?page=`+this.intAleatoire(this.api_pagesMaximum)).then(response=>{
+                response.json().then(json=>{
+                    this.partieTerminee = false;
+                    const arrayScientifique=json._embedded
+                    const scientifiqueADeviner=arrayScientifique[this.intAleatoire(arrayScientifique.length)]
+                    this.debug_motADeviner = scientifiqueADeviner.nom.toLowerCase() + " " + scientifiqueADeviner.prenom.toLowerCase()
+                })
+                
+            })
+        },
+        intAleatoire: function(nbPages){
+            return Math.floor(Math.random() * nbPages)
         }
     },
     components: { PenduDessin }

From c6fc326086718028464240d6591b163a51f1c00f Mon Sep 17 00:00:00 2001
From: gwen <a>
Date: Thu, 29 Feb 2024 14:56:07 +0100
Subject: [PATCH 03/10] merger les variables debug avec la partie local

---
 science-quest/src/components/jeux/pendu/Pendu.vue | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/science-quest/src/components/jeux/pendu/Pendu.vue b/science-quest/src/components/jeux/pendu/Pendu.vue
index 96f0bef..c038a87 100644
--- a/science-quest/src/components/jeux/pendu/Pendu.vue
+++ b/science-quest/src/components/jeux/pendu/Pendu.vue
@@ -14,8 +14,6 @@ export default{
             
             //local uniquement, le client ne saura pas le mot 
             debug_motADeviner: "einstein",
-            debug_nbLettresADeviner: 8,
-            debug_lettresDejaDevine: "", //tout en minuscule
             //bloquer l'input si l'utilisateur met une lettre deja devinée
 
             api_pagesMaximum: 0, //impossible de connaitre le nombre de page a l'avance
@@ -26,7 +24,7 @@ export default{
             this.debug_creerPartie();
             this.premierePartie = false;
             //l'api (PATCH demarrerPartie) retournera le nombre de lettres a deviner ainsi que le nombre de vies
-            this.nbLettresADeviner = this.debug_nbLettresADeviner; //TODO utiliser l'api
+            this.nbLettresADeviner = this.debug_motADeviner.length
             this.viesRestantes = 10; // TODO utiliser l'api
             this.progression = "_".repeat(this.nbLettresADeviner);
             this.lettresDejaDevine = "";
@@ -65,12 +63,12 @@ export default{
                 return this.debug_motADeviner; //plus de vies = fin de la partie, l'api retourne le mot qu'on devait trouver
             }
             let progression = "";
-            this.debug_lettresDejaDevine += lettre;
-            this.debug_motADeviner.split("").forEach(w => this.debug_lettresDejaDevine.includes(w) ? progression += w : progression += "_");
+            this.lettresDejaDevine += lettre;
+            this.debug_motADeviner.split("").forEach(w => this.lettresDejaDevine.includes(w) ? progression += w : progression += "_");
             return progression;
         },
         debug_creerPartie: function () {
-            this.debug_lettresDejaDevine = "";
+            this.lettresDejaDevine = "";
             //appeler l'API
             fetch(`${REST_API}/scientifiques?page=`+this.intAleatoire(this.api_pagesMaximum)).then(response=>{
                 response.json().then(json=>{

From 8d5aabc14d1fd358ffcfc436b428fedfbca5666a Mon Sep 17 00:00:00 2001
From: gwen <a>
Date: Thu, 29 Feb 2024 14:58:58 +0100
Subject: [PATCH 04/10] merger debug_creerPartie et creerPartie

---
 .../src/components/jeux/pendu/Pendu.vue       | 40 ++++++++-----------
 1 file changed, 17 insertions(+), 23 deletions(-)

diff --git a/science-quest/src/components/jeux/pendu/Pendu.vue b/science-quest/src/components/jeux/pendu/Pendu.vue
index c038a87..d8ed580 100644
--- a/science-quest/src/components/jeux/pendu/Pendu.vue
+++ b/science-quest/src/components/jeux/pendu/Pendu.vue
@@ -12,22 +12,29 @@ export default{
             premierePartie: true, //ne pas afficher "Perdu" pour ceux qui viennent de rejoindre
             lettresDejaDevine: "",
             
-            //local uniquement, le client ne saura pas le mot 
-            debug_motADeviner: "einstein",
-            //bloquer l'input si l'utilisateur met une lettre deja devinée
-
+            //a recuperer a partir de l'api (prendre nom et prenom d'un scientifique nous meme) 
+            motADeviner: "einstein",
             api_pagesMaximum: 0, //impossible de connaitre le nombre de page a l'avance
         };
     },
     methods: {
         creerPartie: function () {
-            this.debug_creerPartie();
-            this.premierePartie = false;
-            //l'api (PATCH demarrerPartie) retournera le nombre de lettres a deviner ainsi que le nombre de vies
-            this.nbLettresADeviner = this.debug_motADeviner.length
-            this.viesRestantes = 10; // TODO utiliser l'api
-            this.progression = "_".repeat(this.nbLettresADeviner);
             this.lettresDejaDevine = "";
+            //appeler l'API
+            fetch(`${REST_API}/scientifiques?page=`+this.intAleatoire(this.api_pagesMaximum)).then(response=>{
+                response.json().then(json=>{
+                    this.partieTerminee = false;
+                    this.premierePartie = false;
+                    const arrayScientifique=json._embedded
+                    const scientifiqueADeviner=arrayScientifique[this.intAleatoire(arrayScientifique.length)]
+                    this.debug_motADeviner = scientifiqueADeviner.nom.toLowerCase() + " " + scientifiqueADeviner.prenom.toLowerCase()
+                    this.nbLettresADeviner = this.debug_motADeviner.length
+                    this.viesRestantes = 10; // TODO utiliser l'api
+                    this.progression = "_".repeat(this.nbLettresADeviner);
+                    this.lettresDejaDevine = "";
+                })
+            })
+            
         },
         deviner: function (event) {
             //prendre la lettre depuis l'event
@@ -67,19 +74,6 @@ export default{
             this.debug_motADeviner.split("").forEach(w => this.lettresDejaDevine.includes(w) ? progression += w : progression += "_");
             return progression;
         },
-        debug_creerPartie: function () {
-            this.lettresDejaDevine = "";
-            //appeler l'API
-            fetch(`${REST_API}/scientifiques?page=`+this.intAleatoire(this.api_pagesMaximum)).then(response=>{
-                response.json().then(json=>{
-                    this.partieTerminee = false;
-                    const arrayScientifique=json._embedded
-                    const scientifiqueADeviner=arrayScientifique[this.intAleatoire(arrayScientifique.length)]
-                    this.debug_motADeviner = scientifiqueADeviner.nom.toLowerCase() + " " + scientifiqueADeviner.prenom.toLowerCase()
-                })
-                
-            })
-        },
         intAleatoire: function(nbPages){
             return Math.floor(Math.random() * nbPages)
         }

From 31b0b404106e5816ff8cd2450175843742a182e8 Mon Sep 17 00:00:00 2001
From: gwen <a>
Date: Thu, 29 Feb 2024 15:17:10 +0100
Subject: [PATCH 05/10] ajouter systeme d'exception de lettres (ne pas faire
 deviner les espaces a l'utilisateur)

---
 .../src/components/jeux/pendu/Pendu.vue       | 19 +++++++++++++++----
 1 file changed, 15 insertions(+), 4 deletions(-)

diff --git a/science-quest/src/components/jeux/pendu/Pendu.vue b/science-quest/src/components/jeux/pendu/Pendu.vue
index d8ed580..410b68b 100644
--- a/science-quest/src/components/jeux/pendu/Pendu.vue
+++ b/science-quest/src/components/jeux/pendu/Pendu.vue
@@ -15,6 +15,11 @@ export default{
             //a recuperer a partir de l'api (prendre nom et prenom d'un scientifique nous meme) 
             motADeviner: "einstein",
             api_pagesMaximum: 0, //impossible de connaitre le nombre de page a l'avance
+
+            regexExceptions: [ //caracteres qu'on ne fera pas deviner au joueur
+                /\W/, //caracteres blanc
+                /[^a-z]/, //non alphabetique minuscule
+            ], 
         };
     },
     methods: {
@@ -23,15 +28,21 @@ export default{
             //appeler l'API
             fetch(`${REST_API}/scientifiques?page=`+this.intAleatoire(this.api_pagesMaximum)).then(response=>{
                 response.json().then(json=>{
+                    //todo commenter ce truc
                     this.partieTerminee = false;
                     this.premierePartie = false;
                     const arrayScientifique=json._embedded
                     const scientifiqueADeviner=arrayScientifique[this.intAleatoire(arrayScientifique.length)]
-                    this.debug_motADeviner = scientifiqueADeviner.nom.toLowerCase() + " " + scientifiqueADeviner.prenom.toLowerCase()
-                    this.nbLettresADeviner = this.debug_motADeviner.length
+                    this.motADeviner = scientifiqueADeviner.nom.toLowerCase() + " " + scientifiqueADeviner.prenom.toLowerCase()
+                    this.nbLettresADeviner = this.motADeviner.length
                     this.viesRestantes = 10; // TODO utiliser l'api
                     this.progression = "_".repeat(this.nbLettresADeviner);
                     this.lettresDejaDevine = "";
+                    //verifier que le mot a deviner ne contient pas des lettres exemptées
+                    this.motADeviner.split("").forEach(lettre=>
+                        this.regexExceptions.forEach(regex=>regex.test(lettre) ? this.lettresDejaDevine+=lettre /* faire jouer la lettre a la place de l'utilisateur */ : null)
+                    )
+                    
                 })
             })
             
@@ -67,11 +78,11 @@ export default{
         },
         debug_letreDevinee: function (lettre) {
             if (this.viesRestantes < 0) {
-                return this.debug_motADeviner; //plus de vies = fin de la partie, l'api retourne le mot qu'on devait trouver
+                return this.motADeviner; //plus de vies = fin de la partie, l'api retourne le mot qu'on devait trouver
             }
             let progression = "";
             this.lettresDejaDevine += lettre;
-            this.debug_motADeviner.split("").forEach(w => this.lettresDejaDevine.includes(w) ? progression += w : progression += "_");
+            this.motADeviner.split("").forEach(w =>this.lettresDejaDevine.includes(w) ? progression += w : progression += "_");
             return progression;
         },
         intAleatoire: function(nbPages){

From a80c9c5bd5091bc7d08ee615e3df72f1081cb76a Mon Sep 17 00:00:00 2001
From: gwen <a>
Date: Thu, 29 Feb 2024 15:27:47 +0100
Subject: [PATCH 06/10] nettoyer code

---
 .../src/components/jeux/pendu/Pendu.vue       | 28 ++++++++++++-------
 1 file changed, 18 insertions(+), 10 deletions(-)

diff --git a/science-quest/src/components/jeux/pendu/Pendu.vue b/science-quest/src/components/jeux/pendu/Pendu.vue
index 410b68b..b965add 100644
--- a/science-quest/src/components/jeux/pendu/Pendu.vue
+++ b/science-quest/src/components/jeux/pendu/Pendu.vue
@@ -28,24 +28,32 @@ export default{
             //appeler l'API
             fetch(`${REST_API}/scientifiques?page=`+this.intAleatoire(this.api_pagesMaximum)).then(response=>{
                 response.json().then(json=>{
-                    //todo commenter ce truc
-                    this.partieTerminee = false;
-                    this.premierePartie = false;
+                    //prendre le scientifique de la requete
                     const arrayScientifique=json._embedded
                     const scientifiqueADeviner=arrayScientifique[this.intAleatoire(arrayScientifique.length)]
+                    //prendre le mot a deviner a partir du nom du scientifique
                     this.motADeviner = scientifiqueADeviner.nom.toLowerCase() + " " + scientifiqueADeviner.prenom.toLowerCase()
                     this.nbLettresADeviner = this.motADeviner.length
+
                     this.viesRestantes = 10; // TODO utiliser l'api
-                    this.progression = "_".repeat(this.nbLettresADeviner);
-                    this.lettresDejaDevine = "";
+
                     //verifier que le mot a deviner ne contient pas des lettres exemptées
+                    this.lettresDejaDevine = "";
                     this.motADeviner.split("").forEach(lettre=>
                         this.regexExceptions.forEach(regex=>regex.test(lettre) ? this.lettresDejaDevine+=lettre /* faire jouer la lettre a la place de l'utilisateur */ : null)
                     )
-                    
+
+                    //rafraichir la progression
+                    this.progression = this.afficherProgression("")
+
+                    //demarrer le jeu
+                    this.afficherLeJeu()
                 })
             })
-            
+        },
+        afficherLeJeu(){
+            this.partieTerminee = false;
+            this.premierePartie = false;
         },
         deviner: function (event) {
             //prendre la lettre depuis l'event
@@ -54,7 +62,7 @@ export default{
             event.target.value = "";
             //envoyer lettreDevinee a l'api
             const oldprogression = this.progression;
-            this.progression = this.debug_letreDevinee(lettreDevinee);
+            this.progression = this.afficherProgression(lettreDevinee);
 
             // /!\ code temporaire, local uniquement : TODO remplacer avec l'api
             if (oldprogression == this.progression) {
@@ -62,7 +70,7 @@ export default{
                 this.viesRestantes--; //l'api devrait aussi retourner le nombre de vies restantes
                 if(this.viesRestantes<0){
                     this.partieTerminee = true
-                    this.progression = this.debug_letreDevinee(lettreDevinee);
+                    this.progression = this.afficherProgression(lettreDevinee);
                 }
             }
             //fin code temporaire
@@ -76,7 +84,7 @@ export default{
                 this.lettresDejaDevine += lettreDevinee;
             }
         },
-        debug_letreDevinee: function (lettre) {
+        afficherProgression: function (lettre) {
             if (this.viesRestantes < 0) {
                 return this.motADeviner; //plus de vies = fin de la partie, l'api retourne le mot qu'on devait trouver
             }

From af998407b005e5fe5775c23df927d1e459719e1a Mon Sep 17 00:00:00 2001
From: gwen <a>
Date: Thu, 29 Feb 2024 15:36:26 +0100
Subject: [PATCH 07/10] ajouter description du scientifique en dessous du nom

---
 science-quest/src/components/jeux/pendu/Pendu.vue | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/science-quest/src/components/jeux/pendu/Pendu.vue b/science-quest/src/components/jeux/pendu/Pendu.vue
index b965add..52cabb4 100644
--- a/science-quest/src/components/jeux/pendu/Pendu.vue
+++ b/science-quest/src/components/jeux/pendu/Pendu.vue
@@ -14,6 +14,7 @@ export default{
             
             //a recuperer a partir de l'api (prendre nom et prenom d'un scientifique nous meme) 
             motADeviner: "einstein",
+            description: "", //s'affiche en dessous du resultat a la fin
             api_pagesMaximum: 0, //impossible de connaitre le nombre de page a l'avance
 
             regexExceptions: [ //caracteres qu'on ne fera pas deviner au joueur
@@ -34,6 +35,7 @@ export default{
                     //prendre le mot a deviner a partir du nom du scientifique
                     this.motADeviner = scientifiqueADeviner.nom.toLowerCase() + " " + scientifiqueADeviner.prenom.toLowerCase()
                     this.nbLettresADeviner = this.motADeviner.length
+                    this.description = scientifiqueADeviner.descriptif
 
                     this.viesRestantes = 10; // TODO utiliser l'api
 
@@ -56,6 +58,7 @@ export default{
             this.premierePartie = false;
         },
         deviner: function (event) {
+            //TODO revoir ce truc
             //prendre la lettre depuis l'event
             const lettreDevinee = event.data.toLowerCase();
             //vider l'input
@@ -117,6 +120,7 @@ export default{
                 <p>Le mot était : </p>
                 <!-- l'api devrait retourner le mot entier quand la vie est a 0 -->
                 <h2 style="font-family: monospace">{{ progression }}</h2>
+                <p>{{ description }}</p>
             </div>
             <button class="btn btn-primary" v-on:click="creerPartie">Créer une partie</button>
         </div>

From 5aaf22fcd9c627b3ca821180822322a2cb3e8627 Mon Sep 17 00:00:00 2001
From: gwen <a>
Date: Thu, 29 Feb 2024 15:43:59 +0100
Subject: [PATCH 08/10] nettoyer, merger les parties

---
 .../src/components/jeux/pendu/Pendu.vue       | 27 +++++++++----------
 1 file changed, 13 insertions(+), 14 deletions(-)

diff --git a/science-quest/src/components/jeux/pendu/Pendu.vue b/science-quest/src/components/jeux/pendu/Pendu.vue
index 52cabb4..6411610 100644
--- a/science-quest/src/components/jeux/pendu/Pendu.vue
+++ b/science-quest/src/components/jeux/pendu/Pendu.vue
@@ -46,7 +46,7 @@ export default{
                     )
 
                     //rafraichir la progression
-                    this.progression = this.afficherProgression("")
+                    this.progression = this.afficherProgression()
 
                     //demarrer le jeu
                     this.afficherLeJeu()
@@ -63,36 +63,35 @@ export default{
             const lettreDevinee = event.data.toLowerCase();
             //vider l'input
             event.target.value = "";
-            //envoyer lettreDevinee a l'api
+            //ajouter la lettre dans la liste des lettres devinées
+            if (!this.lettresDejaDevine.includes(lettreDevinee)) {
+                this.lettresDejaDevine += lettreDevinee;
+            }
+
+            //comparer la progression
             const oldprogression = this.progression;
-            this.progression = this.afficherProgression(lettreDevinee);
+            this.progression = this.afficherProgression();
 
-            // /!\ code temporaire, local uniquement : TODO remplacer avec l'api
             if (oldprogression == this.progression) {
-                //si la lettre est incorrecte
+                //si on n'a pas progressé = lettre incorrecte
                 this.viesRestantes--; //l'api devrait aussi retourner le nombre de vies restantes
                 if(this.viesRestantes<0){
                     this.partieTerminee = true
-                    this.progression = this.afficherProgression(lettreDevinee);
+                    this.progression = this.afficherProgression();
                 }
             }
-            //fin code temporaire
 
             if (!this.progression.includes("_")) {
                 //plus de lettres a deviner
                 this.partieTerminee = true;
             }
-            //ajouter la lettre dans la liste des lettres devinées
-            if (!this.lettresDejaDevine.includes(lettreDevinee)) {
-                this.lettresDejaDevine += lettreDevinee;
-            }
+            
         },
-        afficherProgression: function (lettre) {
+        afficherProgression: function () {
             if (this.viesRestantes < 0) {
-                return this.motADeviner; //plus de vies = fin de la partie, l'api retourne le mot qu'on devait trouver
+                return this.motADeviner; //plus de vies = fin de la partie, on retourne le mot qu'on devait trouver
             }
             let progression = "";
-            this.lettresDejaDevine += lettre;
             this.motADeviner.split("").forEach(w =>this.lettresDejaDevine.includes(w) ? progression += w : progression += "_");
             return progression;
         },

From 4142bebb7fc78312b4994ecdbe110ee13fe9a7dc Mon Sep 17 00:00:00 2001
From: gwen <a>
Date: Thu, 29 Feb 2024 15:48:09 +0100
Subject: [PATCH 09/10] utiliser else if

---
 science-quest/src/components/jeux/pendu/Pendu.vue | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/science-quest/src/components/jeux/pendu/Pendu.vue b/science-quest/src/components/jeux/pendu/Pendu.vue
index 6411610..3d885a6 100644
--- a/science-quest/src/components/jeux/pendu/Pendu.vue
+++ b/science-quest/src/components/jeux/pendu/Pendu.vue
@@ -75,17 +75,15 @@ export default{
             if (oldprogression == this.progression) {
                 //si on n'a pas progressé = lettre incorrecte
                 this.viesRestantes--; //l'api devrait aussi retourner le nombre de vies restantes
+                
                 if(this.viesRestantes<0){
                     this.partieTerminee = true
                     this.progression = this.afficherProgression();
                 }
+            } else if (!this.progression.includes("_")) {
+                    //plus de lettres a deviner
+                    this.partieTerminee = true;
             }
-
-            if (!this.progression.includes("_")) {
-                //plus de lettres a deviner
-                this.partieTerminee = true;
-            }
-            
         },
         afficherProgression: function () {
             if (this.viesRestantes < 0) {

From 1bc4cf1ed0e80f4da48d2c8249e3e29afd3cbe96 Mon Sep 17 00:00:00 2001
From: gwen <a>
Date: Thu, 29 Feb 2024 15:54:08 +0100
Subject: [PATCH 10/10] separer lettresDejaDevine et lettres a ne pas faire
 deviner au joueur

---
 science-quest/src/components/jeux/pendu/Pendu.vue | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/science-quest/src/components/jeux/pendu/Pendu.vue b/science-quest/src/components/jeux/pendu/Pendu.vue
index 3d885a6..fcc41c3 100644
--- a/science-quest/src/components/jeux/pendu/Pendu.vue
+++ b/science-quest/src/components/jeux/pendu/Pendu.vue
@@ -20,7 +20,8 @@ export default{
             regexExceptions: [ //caracteres qu'on ne fera pas deviner au joueur
                 /\W/, //caracteres blanc
                 /[^a-z]/, //non alphabetique minuscule
-            ], 
+            ],
+            lettresANePasFaireDevinerAuJoueur:"", //meme utilité que lettresDejaDevine mais n'est pas visible au joueur
         };
     },
     methods: {
@@ -41,11 +42,12 @@ export default{
 
                     //verifier que le mot a deviner ne contient pas des lettres exemptées
                     this.lettresDejaDevine = "";
+                    this.lettresANePasFaireDevinerAuJoueur="";
                     this.motADeviner.split("").forEach(lettre=>
-                        this.regexExceptions.forEach(regex=>regex.test(lettre) ? this.lettresDejaDevine+=lettre /* faire jouer la lettre a la place de l'utilisateur */ : null)
+                        this.regexExceptions.forEach(regex=>regex.test(lettre) ? this.lettresANePasFaireDevinerAuJoueur+=lettre /* faire jouer la lettre a la place de l'utilisateur */ : null)
                     )
 
-                    //rafraichir la progression
+                    //rafraichir la progression pour enlever les lettres a ne pas faire deviner
                     this.progression = this.afficherProgression()
 
                     //demarrer le jeu
@@ -90,7 +92,8 @@ export default{
                 return this.motADeviner; //plus de vies = fin de la partie, on retourne le mot qu'on devait trouver
             }
             let progression = "";
-            this.motADeviner.split("").forEach(w =>this.lettresDejaDevine.includes(w) ? progression += w : progression += "_");
+            const lettresAAfficher=this.lettresDejaDevine + this.lettresANePasFaireDevinerAuJoueur;
+            this.motADeviner.split("").forEach(w =>lettresAAfficher.includes(w) ? progression += w : progression += "_");
             return progression;
         },
         intAleatoire: function(nbPages){