Advertisement
vvsvvs

Untitled

Oct 2nd, 2022
933
0
111 days
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. function solution() {
  2.    
  3.     let sendButton = document.createElement('button');
  4.     sendButton.innerText = 'Send';
  5.     sendButton.id = 'sendButton';
  6.    
  7.    
  8.     let discardButton = document.createElement('button');
  9.     discardButton.innerText = 'Discard';
  10.     discardButton.id = 'discardButton';
  11.    
  12.    
  13.     let liElement = document.createElement('li');
  14.     liElement.className = 'gift';
  15.    
  16.     let addsElements = document.querySelectorAll('.card div')[0].children;
  17.     let giftInput = addsElements[0];
  18.     let addButton = addsElements[1];
  19.    
  20.     let ulElements = document.querySelectorAll('.card ul');
  21.    
  22.     let ulListOfGifts = ulElements[0];
  23.     let ulSendGifts = ulElements[1];
  24.     let ulDiscardedGifts = ulElements[2];
  25.    
  26.    
  27.     addButton.addEventListener('click', addClick);
  28.     console.log(ulElements);
  29.    
  30.    
  31.     function addClick(e){
  32.       let giftsListArray = [];
  33.       let gift = giftInput.value;
  34.       giftInput.value = '';
  35.       console.log(ulListOfGifts);
  36.      
  37.       if (gift.trim().length > 0) {
  38.         while(ulListOfGifts.children.length > 0){
  39.             let text = ulListOfGifts.children[0].textContent;
  40.             text = text.replace('SendDiscard', '');
  41.             giftsListArray.push(text);
  42.             ulListOfGifts.children[0].remove();
  43.         }
  44.                
  45.         giftsListArray.push(gift);
  46.         giftsListArray.sort((a, b) => a.localeCompare(b));
  47.        
  48.         while(giftsListArray.length > 0){
  49.           let newLi = liElement.cloneNode(true);
  50.           newLi.textContent = giftsListArray.shift();
  51.           let newSendButton = sendButton.cloneNode(true);
  52.           newSendButton.addEventListener('click', sendClick);
  53.           newLi.appendChild(newSendButton);
  54.           let newdiscardButton = discardButton.cloneNode(true);
  55.           newdiscardButton.addEventListener('click', discardClick);
  56.           newLi.appendChild(newdiscardButton);
  57.           ulListOfGifts.appendChild(newLi);
  58.         }
  59.       }
  60.  
  61.       console.log(ulElements);
  62.     }
  63.    
  64.     function sendClick(e){
  65.         let target = e.target;
  66.         let gift = target.parentElement.textContent.replace('SendDiscard', '');
  67.         target.parentElement.remove();
  68.         let li = liElement.cloneNode(true);
  69.         li.textContent = gift;
  70.         ulSendGifts.appendChild(li);      
  71.     }
  72.    
  73.     function discardClick(e){
  74.         let target = e.target;
  75.         let gift = target.parentElement.textContent.replace('SendDiscard', '');
  76.         target.parentElement.remove();
  77.         let li = liElement.cloneNode(true);
  78.         li.textContent = gift;
  79.         ulDiscardedGifts.appendChild(li);      
  80.     }
  81.   }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement