56 lines
1.3 KiB
JavaScript
56 lines
1.3 KiB
JavaScript
// 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 = '';
|
|
}); |