add backend chat
This commit is contained in:
		@@ -1,3 +1,6 @@
 | 
			
		||||
var socket;
 | 
			
		||||
var username = "";
 | 
			
		||||
 | 
			
		||||
function addMessage(author, message) {
 | 
			
		||||
    var li = document.createElement("li");
 | 
			
		||||
    li.innerHTML = "<b>" + author + ": </b>";
 | 
			
		||||
@@ -6,6 +9,7 @@ function addMessage(author, message) {
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
function sendMessage() {
 | 
			
		||||
    socket.emit("message",  {message: document.getElementById("message-input").value});
 | 
			
		||||
    document.getElementById("message-input").value = "";
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
@@ -13,12 +17,21 @@ function sendMessage() {
 | 
			
		||||
document.addEventListener("DOMContentLoaded", () => {
 | 
			
		||||
 | 
			
		||||
    try {
 | 
			
		||||
        var socket = io("https://danby.aniere.fr:3000");
 | 
			
		||||
        socket = io("https://danby.aniere.fr:3000");
 | 
			
		||||
 | 
			
		||||
        socket.on("update-count", (data) => {
 | 
			
		||||
            document.getElementById("value").innerText = data.value;
 | 
			
		||||
        });
 | 
			
		||||
 | 
			
		||||
        socket.on("username", (data) => {
 | 
			
		||||
            username = data.username;
 | 
			
		||||
        });
 | 
			
		||||
 | 
			
		||||
        socket.on("new-message", (data) => {
 | 
			
		||||
            addMessage(data.author, data.message);
 | 
			
		||||
        });
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
    } catch(error) {
 | 
			
		||||
        document.getElementById("value").innerText = "Serveur injoingnable !";
 | 
			
		||||
    }
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user