2022-04-12 10:43:11 +02:00
|
|
|
var socket;
|
|
|
|
var username = "";
|
|
|
|
|
2022-04-12 10:25:14 +02:00
|
|
|
function addMessage(author, message) {
|
|
|
|
var li = document.createElement("li");
|
|
|
|
li.innerHTML = "<b>" + author + ": </b>";
|
|
|
|
li.innerText += message;
|
|
|
|
document.getElementById("messages").appendChild(li);
|
|
|
|
}
|
|
|
|
|
|
|
|
function sendMessage() {
|
2022-04-12 10:43:11 +02:00
|
|
|
socket.emit("message", {message: document.getElementById("message-input").value});
|
2022-04-12 10:25:14 +02:00
|
|
|
document.getElementById("message-input").value = "";
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
document.addEventListener("DOMContentLoaded", () => {
|
2022-04-09 00:14:20 +02:00
|
|
|
|
|
|
|
try {
|
2022-04-12 10:43:11 +02:00
|
|
|
socket = io("https://danby.aniere.fr:3000");
|
2022-04-09 00:14:20 +02:00
|
|
|
|
|
|
|
socket.on("update-count", (data) => {
|
|
|
|
document.getElementById("value").innerText = data.value;
|
|
|
|
});
|
|
|
|
|
2022-04-12 10:43:11 +02:00
|
|
|
socket.on("username", (data) => {
|
|
|
|
username = data.username;
|
|
|
|
});
|
|
|
|
|
|
|
|
socket.on("new-message", (data) => {
|
|
|
|
addMessage(data.author, data.message);
|
|
|
|
});
|
|
|
|
|
|
|
|
|
2022-04-09 00:14:20 +02:00
|
|
|
} catch(error) {
|
|
|
|
document.getElementById("value").innerText = "Serveur injoingnable !";
|
|
|
|
}
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
const swiper = new Swiper('.swiper', {
|
|
|
|
direction: "horizontal",
|
|
|
|
loop: true,
|
|
|
|
autoplay: true,
|
|
|
|
speed: 400,
|
|
|
|
spaceBetween: 100,
|
|
|
|
});
|
2022-04-12 10:25:14 +02:00
|
|
|
|
|
|
|
|
|
|
|
document.getElementById("chat-button").addEventListener("click", () => {
|
|
|
|
document.getElementById("chat").style.display = "block";
|
|
|
|
});
|
|
|
|
|
|
|
|
document.getElementById("close").addEventListener("click", () => {
|
|
|
|
document.getElementById("chat").style.display = "none";
|
|
|
|
});
|
|
|
|
|
|
|
|
document.getElementById("send").addEventListener("click", sendMessage);
|
|
|
|
|
|
|
|
document.getElementById("message-input").addEventListener("keyup", (event) => {
|
|
|
|
|
|
|
|
if(event.key == "Enter") {
|
|
|
|
sendMessage();
|
|
|
|
}
|
|
|
|
});
|