Update script.js

script.js

@@ -48,6 +48,33 @@ document.addEventListener('DOMContentLoaded', function () {
         }
     });
 
+    // Делегирование событий для кнопок в таблице товаров
+    productTable.addEventListener('click', function (e) {
+        const target = e.target;
+        const row = target.closest('tr');
+        const productId = parseInt(row.getAttribute('data-id'));
+
+        if (target.classList.contains('add-to-cart-btn')) {
+            const quantityInput = row.querySelector('.quantity-input');
+            const quantity = parseInt(quantityInput.value);
+            addToCart(productId, quantity);
+        } else if (target.classList.contains('add-stock-btn')) {
+            addStock(productId);
+        } else if (target.classList.contains('delete-btn')) {
+            deleteProduct(productId);
+        }
+    });
+
+    // Делегирование событий для кнопок в корзине
+    cartTable.addEventListener('click', function (e) {
+        const target = e.target;
+        if (target.classList.contains('delete-btn')) {
+            const row = target.closest('tr');
+            const productId = parseInt(row.getAttribute('data-id'));
+            removeFromCart(productId);
+        }
+    });
+
     // Функция добавления товара
     function addProduct(name, purchasePrice, salePrice, quantity, itemsPerPack) {
         const product = {
@@ -81,9 +108,9 @@ document.addEventListener('DOMContentLoaded', function () {
             <td>${product.itemsPerPack}</td>
             <td class="actions">
                 <input type="number" min="1" max="${product.quantity}" class="quantity-input" placeholder="Количество">
-                <button class="add-to-cart-btn" onclick="addToCart(${product.id})">Добавить в корзину</button>
-                <button class="add-stock-btn" onclick="addStock(${product.id})">Приход</button>
-                <button class="delete-btn" onclick="deleteProduct(${product.id})">Удалить</button>
+                <button class="add-to-cart-btn">Добавить в корзину</button>
+                <button class="add-stock-btn">Приход</button>
+                <button class="delete-btn">Удалить</button>
             </td>
         `;
     }
@@ -122,22 +149,19 @@ document.addEventListener('DOMContentLoaded', function () {
         cartTable.innerHTML = ''; // Очищаем корзину перед обновлением
         cart.forEach(item => {
             const row = cartTable.insertRow();
+            row.setAttribute('data-id', item.id);
             row.innerHTML = `
                 <td>${item.name}</td>
                 <td>${item.quantity}</td>
                 <td>${item.salePrice}</td>
                 <td>${item.quantity * item.salePrice}</td>
-                <td><button class="delete-btn" onclick="removeFromCart(${item.id})">Удалить</button></td>
+                <td><button class="delete-btn">Удалить</button></td>
             `;
         });
     }
 
     // Функция добавления товара в корзину
-    window.addToCart = function (productId) {
-        const row = document.querySelector(`tr[data-id="${productId}"]`);
-        const quantityInput = row.querySelector('.quantity-input');
-        const quantity = parseInt(quantityInput.value);
-
+    function addToCart(productId, quantity) {
         if (quantity && quantity > 0) {
             const products = JSON.parse(localStorage.getItem('products')) || [];
             const product = products.find(p => p.id === productId);
@@ -165,14 +189,14 @@ document.addEventListener('DOMContentLoaded', function () {
         } else {
             alert('Пожалуйста, введите корректное количество.');
         }
-    };
+    }
 
     // Функция удаления товара из корзины
-    window.removeFromCart = function (productId) {
+    function removeFromCart(productId) {
         cart = cart.filter(item => item.id !== productId);
         localStorage.setItem('cart', JSON.stringify(cart));
         updateCartDisplay();
-    };
+    }
 
     // Функция продажи товаров из корзины
     window.sellCart = function () {
@@ -208,7 +232,7 @@ document.addEventListener('DOMContentLoaded', function () {
     };
 
     // Функция добавления остатков
-    window.addStock = function (productId) {
+    function addStock(productId) {
         const quantityToAdd = prompt('Введите количество для прихода:');
         if (quantityToAdd && !isNaN(quantityToAdd) && quantityToAdd > 0) {
             let products = JSON.parse(localStorage.getItem('products')) || [];
@@ -225,10 +249,10 @@ document.addEventListener('DOMContentLoaded', function () {
         } else {
             alert('Пожалуйста, введите корректное количество.');
         }
-    };
+    }
 
     // Функция удаления товара
-    window.deleteProduct = function (productId) {
+    function deleteProduct(productId) {
         if (confirm('Вы уверены, что хотите удалить этот товар?')) {
             let products = JSON.parse(localStorage.getItem('products')) || [];
             products = products.filter(p => p.id !== productId);
@@ -238,5 +262,5 @@ document.addEventListener('DOMContentLoaded', function () {
             productTable.innerHTML = '';
             loadProducts();
         }
-    };
+    }
 });