Aliendreamer

chat

Jan 23rd, 2019
292
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. function solve() {
  2.      
  3.     let allButtons=document.getElementsByTagName("button");
  4.     allButtons[0].addEventListener("click",processMessages);
  5.     allButtons[1].addEventListener("click",processMessages);
  6.  
  7.     function processMessages(){
  8.         let myMessage=document.getElementById("myChatBox").value;
  9.         let peshoMessage=document.getElementById("peshoChatBox").value;
  10.         let newMessage=document.createElement("div");
  11.         let SenderSpan=document.createElement("span");
  12.         let ChatMessage=document.createElement("p");
  13.         if(myMessage)
  14.         {
  15.         newMessage.style.textAlign  = "left";
  16.         SenderSpan.textContent="Me";
  17.         ChatMessage.textContent=myMessage;
  18.         newMessage.appendChild(SenderSpan);
  19.         newMessage.appendChild(ChatMessage);            
  20.         }
  21.         if(peshoMessage)
  22.         {
  23.             newMessage.style.textAlign  = "right";
  24.             SenderSpan.textContent="Pesho";
  25.             ChatMessage.textContent=peshoMessage;
  26.             newMessage.appendChild(SenderSpan);
  27.             newMessage.appendChild(ChatMessage);
  28.            
  29.         }
  30.         let chatChronologyElement=document.getElementById("chatChronology");
  31.         chatChronologyElement.appendChild(newMessage);
  32.         document.getElementById("myChatBox").value="";
  33.         document.getElementById("peshoChatBox").value="";
  34.     }
  35. }
Advertisement
Add Comment
Please, Sign In to add comment