Advertisement
Liliana797979

1_cristmas gifts delivery - js advanced exam

Oct 22nd, 2021
184
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. function solution() {
  2.  
  3.     let input = document.querySelector('.card input');
  4.     let button = document.querySelector('.card button');
  5.     let ulElement = document.querySelector('.card ul');
  6.  
  7.     button.addEventListener('click', e => {
  8.         e.preventDefault();
  9.  
  10.         let liElement = document.createElement('li');
  11.         liElement.setAttribute('class', 'gift');
  12.         liElement.textContent = input.value;
  13.  
  14.         let btnSendElement = document.createElement('button');
  15.         btnSendElement.setAttribute('id', 'sendButton');
  16.         btnSendElement.textContent = 'Send';
  17.         let btnDiscardElement = document.createElement('button');
  18.         btnDiscardElement.setAttribute('id', 'discardButton');
  19.         btnDiscardElement.textContent = 'Discard';
  20.  
  21.         liElement.appendChild(btnSendElement);
  22.         liElement.appendChild(btnDiscardElement);
  23.         ulElement.appendChild(liElement);
  24.  
  25.         input.value = "";
  26.  
  27.         let allLiElements = Array.from(ulElement.querySelectorAll('li'));
  28.         let sortedLiElements = allLiElements.sort((a, b) => a.innerText.localeCompare(b.innerText));
  29.  
  30.         while (ulElement.firstChild) {
  31.             ulElement.firstChild.remove();
  32.         }
  33.  
  34.         for (const element of sortedLiElements) {
  35.             ulElement.appendChild(element);
  36.         }
  37.  
  38.         btnSendElement.addEventListener('click', e => {
  39.             e.preventDefault;
  40.  
  41.             let ulSentElement = document.querySelector('.container > section:nth-of-type(3) > ul');
  42.             e.target.remove();
  43.             btnDiscardElement.remove();
  44.             ulSentElement.appendChild(liElement);
  45.  
  46.         })
  47.  
  48.         btnDiscardElement.addEventListener('click', e => {
  49.             e.preventDefault;
  50.  
  51.             let ulDiscardElement = document.querySelector('.container > section:nth-of-type(4) > ul');
  52.             e.target.remove();
  53.             btnSendElement.remove();
  54.             ulDiscardElement.appendChild(liElement);
  55.         })
  56.  
  57.     })
  58.  
  59. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement