modularizated scripts

scripts/checkoutLogica.js

@@ -0,0 +1,147 @@
+const enviarProductoAlCheckout = (nombreProducto, checkout, globalProductos, registrarCambiosEnElTotal, checkearCantidadDeElementos) => {
+
+    console.log(checkout)
+
+    if (checkout.hasOwnProperty(nombreProducto)) {
+
+        checkout[`${nombreProducto}`].quantity++
+
+        const element = document.getElementById('row-' + nombreProducto)
+        element.children[0].children[0].innerText = (parseInt(element.children[0].children[0].innerText) + 1)
+
+        checkout[`${nombreProducto}`].precioAcumulado = checkout[`${nombreProducto}`].precioAcumulado + checkout[`${nombreProducto}`].precio
+
+        element.children[3].innerText = checkout[`${nombreProducto}`].precioAcumulado
+
+        registrarCambiosEnElTotal(checkout)
+        checkearCantidadDeElementos(checkout)
+
+        return
+    }
+    
+    for (const producto in globalProductos) {
+
+        const objeto = globalProductos[producto];
+        
+        if (objeto.nombre  === nombreProducto) {
+            
+            checkout[`${nombreProducto}`] = {
+
+                precio: objeto.precio,
+                precioAcumulado: objeto.precio,
+                quantity: 1
+            }
+
+            let row = document.createElement('tr')
+                row.id = 'row-' + nombreProducto
+
+            let td1 = document.createElement('td')
+            let quantity = document.createElement('span')
+                quantity.innerText = '1'
+
+            let plusOne = document.createElement('button')
+                plusOne.innerText = '+'
+                plusOne.classList.add('button')
+            
+            let minusOne = document.createElement('button')
+                minusOne.innerText = '-'
+                minusOne.classList.add('button')
+
+            td1.appendChild(quantity)
+            td1.appendChild(plusOne)
+            td1.appendChild(minusOne)
+            
+            let td2 = document.createElement('td')
+                td2.innerText = objeto.nombre
+            
+            let td3 = document.createElement('td')
+                td3.innerText = objeto.precio
+
+            let td4 = document.createElement('td')
+                td4.innerText = checkout[`${nombreProducto}`].precioAcumulado
+
+            let td5 = document.createElement('td')
+            let img = document.createElement('img')
+                    img.src = './img/eliminar.png'
+                    img.alt = 'trash-icon'
+                    img.classList.add('button')
+                td5.appendChild(img)
+
+            row.appendChild(td1)
+            row.appendChild(td2)
+            row.appendChild(td3)
+            row.appendChild(td4)
+            row.appendChild(td5)
+
+            const tableCheckout = document.querySelector('.checkout .table-container table tbody')
+                tableCheckout.appendChild(row)
+
+            const recentlyDocumentAdded = document.getElementById('row-' + nombreProducto)
+            const buttons = recentlyDocumentAdded.children[0]
+
+            const plusButton = buttons.children[1]
+            
+            plusButton.addEventListener('click', () => {
+                
+                checkout[`${nombreProducto}`].quantity++
+                
+                const element = document.getElementById('row-' + nombreProducto)
+                element.children[0].children[0].innerText = (parseInt(element.children[0].children[0].innerText) + 1)
+                
+                checkout[`${nombreProducto}`].precioAcumulado = checkout[`${nombreProducto}`].precioAcumulado + checkout[`${nombreProducto}`].precio
+                
+                element.children[3].innerText = checkout[`${nombreProducto}`].precioAcumulado
+
+                registrarCambiosEnElTotal(checkout)                
+                checkearCantidadDeElementos()
+
+                return
+            })
+
+            const minusButton = buttons.children[2]
+
+            minusButton.addEventListener('click', () => {
+
+                
+                if (checkout[`${nombreProducto}`].quantity === 1) {
+
+                    return
+                }
+
+                checkout[`${nombreProducto}`].quantity--
+                
+                const element = document.getElementById('row-' + nombreProducto)
+                element.children[0].children[0].innerText = (parseInt(element.children[0].children[0].innerText) - 1)
+                
+                checkout[`${nombreProducto}`].precioAcumulado = checkout[`${nombreProducto}`].precioAcumulado - checkout[`${nombreProducto}`].precio
+
+                element.children[3].innerText = checkout[`${nombreProducto}`].precioAcumulado
+                
+                registrarCambiosEnElTotal(checkout)                
+                checkearCantidadDeElementos()
+
+                return
+            })
+
+            const deleteButton = recentlyDocumentAdded.children[4]
+
+            deleteButton.addEventListener('click', () => {
+
+                const element = document.getElementById('row-' + nombreProducto)
+                element.remove()
+
+                delete checkout[`${nombreProducto}`]
+                console.log(checkout)
+
+                registrarCambiosEnElTotal(checkout)                
+                checkearCantidadDeElementos()
+            })
+            console.log(recentlyDocumentAdded)
+        }
+    }
+
+    registrarCambiosEnElTotal(checkout)
+    checkearCantidadDeElementos()
+}
+
+export default enviarProductoAlCheckout