// On se connecte au serveur

var connection = new WebSocket("ws://localhost:8080");

connection.onopen = () => {
    console.log('connected');
};

connection.onclose = () => {
    console.error('disconnected');
};

connection.onerror = error => {
    console.error('failed to connect', error);
};

connection.onmessage = msg => {
    
    let data = JSON.parse(msg.data)


    if(data[0] ==  "Taille") {
        for(let i = 0; i < data[1]; ++i) {
            let li = document.createElement('li');
            li.innerText = "_ ";
            document.querySelector('#mot').append(li);
        }
    }

    if(data[0] == "CharError") {
        alert("Votre lettre n'est pas correcte.")
    }

    if(data[0] == "Char") {
        const list = document.getElementsByTagName("li");
        list[data[2]].innerText = data[1];
    }

    if(data[0] == "Partie") {
        alert("Vous avez gagné ! Félicitations !");
    }
    

};


// Lorsque l'on clique sur le bouton envoyer
document.querySelector('form').addEventListener('submit', event => {
    event.preventDefault();
    // On récupère la valeur entrée dans le formulaire
    let lettre = document.querySelector('#lettre').value;
    // On envoie la lettre au serveur
    connection.send(JSON.stringify(lettre));
    // On vide le formulaire
    document.querySelector('#lettre').value = '';
});