Advertisement
social1986

Untitled

Jan 23rd, 2019
87
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. function solve() {
  2.  Array.from(document.getElementsByTagName('button')).forEach(btn => {
  3.      btn.addEventListener('click', clickEvent)
  4.  });
  5.  
  6.  function clickEvent (e) {
  7.    
  8.     let btnName = e.target.name;
  9.  
  10.     let divElement = document.createElement('div');
  11.     let spanElement = document.createElement('span');
  12.     let pElement = document.createElement('p');
  13.  
  14.     divElement.appendChild(spanElement);
  15.     divElement.appendChild(pElement);
  16.  
  17.     btnName === 'myBtn' ? divElement.style.textAlign = 'left' : divElement.style.textAlign = 'right'
  18.  
  19.     if (btnName === 'myBtn') {
  20.         let messageInput = document.getElementById('myChatBox');
  21.         let message = messageInput.value;
  22.  
  23.         console.log(message)
  24.  
  25.         if (message) {
  26.             pElement.textContent = message;
  27.             spanElement.textContent = 'Me';
  28.             messageInput.value = '';
  29.  
  30.             document.getElementById('chatChronology').appendChild(divElement);
  31.         }
  32.     }
  33.     else if (btnName === 'peshoBtn') {
  34.         var messageInput = document.getElementById('peshoChatBox');
  35.         let message = messageInput.value;
  36.        
  37.         console.log(message)    
  38.  
  39.         if (message) {
  40.             pElement.textContent = message;
  41.             spanElement.textContent = 'Pesho';
  42.             messageInput.value = '';
  43.  
  44.             document.getElementById('chatChronology').appendChild(divElement);
  45.         }
  46.     }
  47.  
  48.  }
  49. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement