homework/js-06/chat/js.js

const socket = io("http://socketchat.fs.a-level.com.ua/");

socket.on("msg", (msg) => messenger(msg));

send.onclick = function () {
  socket.emit("msg", { nick: nick.value, message: message.value });
};

function messenger(users) {
  var chat = document.getElementById("chat");
  var dataInput = document.createElement("p");
  chat.appendChild(dataInput);

  dataInput.style.padding = "8px";
  dataInput.style.margin = "2px 20px";
  dataInput.style.color = "white";
  dataInput.style.fontWeight = "bold";


  dataInput.innerText = users.nick + ": " + users.message;

  if (users.nick === "Emmanuil") {
    dataInput.style.display = "flex";
    dataInput.style.flexDirection = "row-reverse";
  }
}

emojis.onclick = function () {
  if ((message.value = emojis.innerText)) {
    var img1 = new Image();
    img1.src = smiles.bowtie;
    img1.alt = "alt";
    message.appendChild(img1)
  } else alert("by");
};

var smiles = {
  bowtie: "bowtie.png",
  smile: "graphics/emojis/smile.png",
  simple_smile: "graphics/emojis/simple_smile.png",
  laughing: "graphics/emojis/laughing.png",
  blush: "graphics/emojis/blush.png",
  smiley: "graphics/emojis/smiley.png",
  relaxed: "graphics/emojis/relaxed.png",
  // "smirk": "graphics/emojis/smirk.png",
  // "heart_eyes": "graphics/emojis/heart_eyes.png",
  // "kissing_heart": "graphics/emojis/kissing_heart.png",
  // "kissing_closed_eyes": "graphics/emojis/kissing_closed_eyes.png",
  // "flushed": "graphics/emojis/flushed.png",
  // "relieved": "graphics/emojis/relieved.png"
};