Désactivation des boutons radios lorsque le jeu est fini.

Author: dpierru

scripts/main.js

@@ -4,21 +4,4 @@
  * 
  *********************************************************************************/
 
-lancerJeu()
-
-// J'ai mis ce code en commentaire, nous pourrons le récupérer lorsque nous en auront besoin :
-
-// let inputEcriture = document.getElementById("inputEcriture")
-// console.log(inputEcriture)
-
-// let btnValiderMot = document.getElementById("btnValiderMot")
-// console.log(btnValiderMot)
-
-// let zoneProposition = document.querySelector(".zoneProposition")
-// console.log(zoneProposition)
-
-// let spanScore = document.querySelector(".zoneScore span")
-// console.log(spanScore)
-
-// let listeBtnRadio = document.querySelectorAll(".optionSource input")
-// console.log(listeBtnRadio)
+lancerJeu()

scripts/script.js

@@ -121,8 +121,10 @@ function lancerJeu() {
     let listeProposition = listeMots
 
     let btnValiderMot = document.getElementById("btnValiderMot")
+    let listeBtnRadio = document.querySelectorAll(".optionSource input")
     let inputEcriture = document.getElementById("inputEcriture")
 
+
     afficherProposition(listeProposition[i])
 
     // Gestion de l'événement click sur le bouton "valider"
@@ -135,14 +137,20 @@ function lancerJeu() {
         inputEcriture.value = ''
         if (listeProposition[i] === undefined) {
             afficherProposition("Le jeu est fini")
+            // On désactive le bouton valider
             btnValiderMot.disabled = true
+            // On désactive les boutons radios
+            for (let indexBtnRadio = 0; indexBtnRadio < listeBtnRadio.length; indexBtnRadio++) {
+                listeBtnRadio[indexBtnRadio].disabled = true
+            }
+
         } else {
             afficherProposition(listeProposition[i])
         }
     })
 
     // Gestion de l'événement change sur les boutons radios. 
-    let listeBtnRadio = document.querySelectorAll(".optionSource input")
+    
     for (let index = 0; index < listeBtnRadio.length; index++) {
         listeBtnRadio[index].addEventListener("change", (event) => {
             // Si c'est le premier élément qui a été modifié, alors nous voulons