Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- function solve() {
- let addBtn = document.querySelector('#add-new > button:nth-child(5)');
- let productAtributes = Array.from(document.querySelectorAll('#add-new input'));
- let availableProducts = document.querySelector('#products > ul:nth-child(2)');
- let myProducts = document.querySelector('#myProducts > ul:nth-child(2)');
- let totalPrice = document.querySelector('body > h1:nth-child(4)');
- let sum = 0;
- addBtn.addEventListener('click', function addProduct(e){
- e.preventDefault();
- let name = productAtributes[0].value;
- let quatity = Number(productAtributes[1].value);
- let price = Number(productAtributes[2].value);
- let li = document.createElement('li');
- let span = document.createElement('span');
- span.textContent = name;
- let strong = document.createElement('strong');
- strong.textContent = `Available: ${quatity}`;
- let div = document.createElement('div');
- let strong2 = document.createElement('strong');
- strong2.textContent = `${price.toFixed(2)}`;
- let addToClientList = document.createElement('button');
- addToClientList.textContent = "Add to Client's List";
- addToClientList.addEventListener('click', function addToClientList(ev){
- let liClient = document.createElement('li');
- let strongLi = document.createElement('strong');
- strongLi.textContent = `${price.toFixed(2)}`;
- liClient.textContent = `${name}`
- liClient.appendChild(strongLi);
- myProducts.appendChild(liClient);
- sum+=price;
- quatity-=1;
- if (quatity<=0){
- li.remove();
- }else{
- strong.textContent = `Available: ${quatity}`;
- }
- totalPrice.textContent = `Total Price: ${sum.toFixed(2)}`;
- })
- div.appendChild(strong2);
- div.appendChild(addToClientList);
- li.appendChild(span);
- li.appendChild(strong);
- li.appendChild(div);
- availableProducts.appendChild(li);
- let buyAllProducts = document.querySelector('#myProducts > button:nth-child(3)');
- buyAllProducts.addEventListener('click', function buyAllProducts(){
- totalPrice.textContent = 'Total Price: 00.00';
- let ulMyproducts = document.querySelector('#myProducts > ul:nth-child(2)');
- let parent = ulMyproducts.parentElement;
- let emptyUl = document.createElement('ul');
- parent.replaceChild(emptyUl, ulMyproducts);
- })
- })
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement