Advertisement
mihalkoff

Shopping Cart

Feb 5th, 2022
951
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. function solve() {
  2.    let divSelectedElement = document.querySelector('div.shopping-cart');
  3.    let textareaElement = document.querySelector('div textarea');
  4.    let checkoutButtonElement = document.querySelector('button.checkout');
  5.    let productList = [];
  6.    let totalPrice = 0;
  7.  
  8.    function addProduct(e) {
  9.       if(e.target.classList.value == 'add-product') {
  10.          let divProduct = e.target.parentNode.parentNode;
  11.          let product = divProduct.querySelector('.product-title').textContent;
  12.          let price = divProduct.querySelector('.product-line-price').textContent;
  13.          textareaElement.value += `Added ${product} for ${Number(price).toFixed(2)} to the cart.\n`;
  14.  
  15.          if(!productList.includes(product)) {
  16.             productList.push(product);
  17.          }
  18.  
  19.          totalPrice += Number(price);
  20.       }
  21.    }
  22.  
  23.    function checkoutClicked() {
  24.       textareaElement.value += `You bought ${productList.join(', ')} for ${totalPrice.toFixed(2)}.`;
  25.      
  26.       disableButtons();
  27.    }
  28.  
  29.    function disableButtons() {
  30.       let buttons = document.querySelectorAll('button');
  31.  
  32.       for(let button of buttons) {
  33.          button.disabled = true;
  34.       }
  35.    }
  36.  
  37.    divSelectedElement.addEventListener('click', addProduct);
  38.    checkoutButtonElement.addEventListener('click', checkoutClicked);
  39. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement