Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- function solve() {
- Array.from(document.getElementsByTagName('button')).forEach(btn => {
- btn.addEventListener('click', clickEvent)
- });
- function clickEvent (e) {
- let btnName = e.target.name;
- let divElement = document.createElement('div');
- let spanElement = document.createElement('span');
- let pElement = document.createElement('p');
- divElement.appendChild(spanElement);
- divElement.appendChild(pElement);
- btnName === 'myBtn' ? divElement.style.textAlign = 'left' : divElement.style.textAlign = 'right'
- if (btnName === 'myBtn') {
- let messageInput = document.getElementById('myChatBox');
- let message = messageInput.value;
- console.log(message)
- if (message) {
- pElement.textContent = message;
- spanElement.textContent = 'Me';
- messageInput.value = '';
- document.getElementById('chatChronology').appendChild(divElement);
- }
- }
- else if (btnName === 'peshoBtn') {
- var messageInput = document.getElementById('peshoChatBox');
- let message = messageInput.value;
- console.log(message)
- if (message) {
- pElement.textContent = message;
- spanElement.textContent = 'Pesho';
- messageInput.value = '';
- document.getElementById('chatChronology').appendChild(divElement);
- }
- }
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement