Advertisement
Guest User

Untitled

a guest
Dec 9th, 2019
95
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. function solve() {
  2.    let addBtn = document.querySelector('#add-new > button:nth-child(5)');
  3.    let productAtributes = Array.from(document.querySelectorAll('#add-new input'));
  4.    let availableProducts = document.querySelector('#products > ul:nth-child(2)');
  5.    let myProducts = document.querySelector('#myProducts > ul:nth-child(2)');
  6.    let totalPrice = document.querySelector('body > h1:nth-child(4)');
  7.    let sum = 0;
  8.  
  9.  
  10.    addBtn.addEventListener('click', function addProduct(e){
  11.       e.preventDefault();
  12.       let name = productAtributes[0].value;
  13.       let quatity = Number(productAtributes[1].value);
  14.       let price = Number(productAtributes[2].value);
  15.      
  16.  
  17.       let li = document.createElement('li');
  18.  
  19.       let span = document.createElement('span');
  20.       span.textContent = name;
  21.  
  22.       let strong = document.createElement('strong');
  23.       strong.textContent = `Available: ${quatity}`;
  24.  
  25.       let div = document.createElement('div');
  26.  
  27.       let strong2 = document.createElement('strong');
  28.       strong2.textContent = `${price.toFixed(2)}`;
  29.  
  30.       let addToClientList = document.createElement('button');
  31.       addToClientList.textContent = "Add to Client's List";
  32.  
  33.       addToClientList.addEventListener('click', function addToClientList(ev){
  34.  
  35.          let liClient = document.createElement('li');
  36.  
  37.          let strongLi = document.createElement('strong');
  38.          strongLi.textContent = `${price.toFixed(2)}`;
  39.  
  40.          liClient.textContent = `${name}`
  41.          liClient.appendChild(strongLi);
  42.  
  43.          myProducts.appendChild(liClient);
  44.  
  45.          sum+=price;
  46.  
  47.          quatity-=1;
  48.          if (quatity<=0){
  49.             li.remove();
  50.          }else{
  51.             strong.textContent = `Available: ${quatity}`;
  52.          }
  53.          
  54.  
  55.          totalPrice.textContent = `Total Price: ${sum.toFixed(2)}`;
  56.       })
  57.  
  58.       div.appendChild(strong2);
  59.       div.appendChild(addToClientList);
  60.  
  61.       li.appendChild(span);
  62.       li.appendChild(strong);
  63.       li.appendChild(div);
  64.  
  65.       availableProducts.appendChild(li);
  66.  
  67.       let buyAllProducts = document.querySelector('#myProducts > button:nth-child(3)');
  68.  
  69.       buyAllProducts.addEventListener('click', function buyAllProducts(){
  70.          
  71.          totalPrice.textContent = 'Total Price: 00.00';
  72.          let ulMyproducts = document.querySelector('#myProducts > ul:nth-child(2)');
  73.          let parent = ulMyproducts.parentElement;
  74.        
  75.          let emptyUl = document.createElement('ul');
  76.          parent.replaceChild(emptyUl, ulMyproducts);
  77.  
  78.       })
  79.  
  80.    })
  81. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement