"use strict";

/**
 * L'exercice consiste à réaliser une version simple du jeu du pendu.
 * Si vous ne connaissez pas les règles : https://fr.wikipedia.org/wiki/Pendu_(jeu)
 *
 * Pour simplifier, on considère que :
 * - on utilise uniquement des lettes minuscules (pour le mot à trouver ET la proposition de lettre)
 * - on utilise uniquement des mots avec des lettres non accentuées,
 *   donc a-z uniquement (pas de éèêçàâùû etc)
 *
 * La page HTML contient 2 sections :
 * - la section d'identifiant pendu sert à afficher le nombre de propositions fausses et à
 *   afficher la potence initialisée avec l'image images/pendu-0.png (qui est vide)
 * - la section d'identifiant jeu contient un élément <div> pour afficher l'état du jeu,
 *   un formulaire <form> pour proposer une lettre, et un élement <div> pour afficher les
 *   lettres déjà proposées
 *
 *   La CSS contient les règles nécessaires pour la page.
 *   En particulier un letter-spacing écarte les lettres les unes des autres.
 *
 *  Affichage de la potence :
 *  - le dossier images contient 12 images (pendu-0.png à pendu-11.png)
 *  - l'image doit être changée à chaque proposition incorrecte
 *  - l'image pendu-11.png correspond à une partie terminée et perdue (le nombre de
 *    tentatives fausses est donc arrivé à 11)
 *
 * Pour commencer, le mot à deviner est stocké dans la variable globale mot (ci-dessous)
 * Vous pouvez tester avec les divers mots mis en commentaires.
 *
 * Rappel : en JS, la longueur d'une chaine de caractères est chaine.length et on accède
 * au caractère n°i avec chaine[i] (en lecture seulement)
 */

let mot = "informatique";
// autres mots sans doublons pour tester : marine particule facile mangerons
// mots avec doublons : informatique proposition anticonstitutionnel


/**************  PARTIE 1 : INITIALISATION DU JEU ************/

/**
 * Ajouter les variables globales nécessaires pour
 * - compter le nombre de lettres trouvées
 * - compter le nombre de tentatives fausses
 * - éventuellement, avoir la liste des lettres déjà proposées (mais on
 *   peut aussi se débrouiller sans)
 *
 * Compléter ci-dessous la fonction initPartie() qui :
 * - initialise la <div> affichage pour avoir des _ à la place de chaque lettre (voir capture 1)
 * - ajoute le capteur d'évènement submit au formulaire de proposition
 *
 * INDICATION : pour faciliter le remplacement d'une lettre trouvée,
 * on pourra créer un élément <span> contenant chaque _
 * ce qui permettra, quand une lettre est trouvée, de remplacer le <span> n°i par la lettre n°i du mot
 * (Note : ce n'est pas la seule façon de faire donc ce n'est pas obligatoire)
 */

/**************  PARTIE 2 : DÉROULEMENT DU JEU ************/

/**
 * Écrire la fonction déclenchée par le submit, qui va :
 * - si la lettre a déjà été proposée ou si le input est vide ou ne contient que des espaces,
 *   alors faire un console.log qui dit ce qui se passe, vider le input de texte et
 *   y mettre le curseur avec la méthode focus()
 *   puis faire un return, la fonction ne fait alors rien d'autre
 *
 * - si une lettre non utilisée est proposée, alors :
 *      # si la lettre est dans le mot, mettre à jour l'affichage et les compteurs (voir captures 2 et 3)
 *      # si la lettre n'est pas dans le mot, mettre à jour le nombre de tentatives et la potence (voir capture 4)
 *      # si le mot est trouvé, afficher BRAVO dans le compteur de tentatives (voir capture 5)
 *      # si on est pendu, afficher le mot et mettre PERDU dans le compteur de tentatives (voir capture 6)

 *      # si la partie est finie, désativer le input et le submit en leur mettant
 *        la propriété disabled à true (pour ne plus pouvoir faire de proposition)
 *      # sinon vider le input de texte et y mettre le curseur avec la méthode focus()
 *        pour passer à la proposition suivante
 *
 * ATTENTION si une lettre apparait plusieurs fois dans le mot,
 * alors il faut la faire apparaître à chaque occurence
 *
 */



function initPartie() {


}
initPartie();

/* compléter ci-dessous avec la gestion des propositions */


