Update script.js

script.js

@@ -1,6 +1,7 @@
 document.addEventListener('DOMContentLoaded', function () {
     const productForm = document.getElementById('productForm');
     const productTable = document.getElementById('productTable').getElementsByTagName('tbody')[0];
+    const searchInput = document.getElementById('searchInput');
     const totalSoldElement = document.getElementById('totalSold');
     const totalRevenueElement = document.getElementById('totalRevenue');
 
@@ -28,6 +29,19 @@ document.addEventListener('DOMContentLoaded', function () {
         }
     });
 
+    // Поиск по товарам
+    searchInput.addEventListener('input', function () {
+        const searchTerm = searchInput.value.toLowerCase();
+        const rows = productTable.getElementsByTagName('tr');
+
+        for (let row of rows) {
+            const name = row.getElementsByTagName('td')[0]?.textContent.toLowerCase();
+            if (name) {
+                row.style.display = name.includes(searchTerm) ? '' : 'none';
+            }
+        }
+    });
+
     // Функция добавления товара
     function addProduct(name, purchasePrice, salePrice, quantity) {
         const product = {
@@ -49,58 +63,4 @@ document.addEventListener('DOMContentLoaded', function () {
 
     // Функция добавления товара в таблицу
     function addProductToTable(product) {
-        const row = productTable.insertRow();
-        row.setAttribute('data-id', product.id);
-
-        row.innerHTML = `
-            <td>${product.name}</td>
-            <td>${product.purchasePrice}</td>
-            <td>${product.salePrice}</td>
-            <td>${product.quantity}</td>
-            <td><button class="sell-btn" onclick="sellProduct(${product.id})">Продать</button></td>
-        `;
-    }
-
-    // Функция загрузки товаров из localStorage
-    function loadProducts() {
-        const products = JSON.parse(localStorage.getItem('products')) || [];
-        products.forEach(product => addProductToTable(product));
-    }
-
-    // Функция загрузки статистики из localStorage
-    function loadStats() {
-        const stats = JSON.parse(localStorage.getItem('stats')) || { totalSold: 0, totalRevenue: 0 };
-        totalSold = stats.totalSold;
-        totalRevenue = stats.totalRevenue;
-        updateStatsDisplay();
-    }
-
-    // Функция обновления отображения статистики
-    function updateStatsDisplay() {
-        totalSoldElement.textContent = totalSold;
-        totalRevenueElement.textContent = totalRevenue.toFixed(2);
-    }
-
-    // Функция продажи товара
-    window.sellProduct = function (productId) {
-        let products = JSON.parse(localStorage.getItem('products')) || [];
-        const productIndex = products.findIndex(p => p.id === productId);
-
-        if (productIndex !== -1 && products[productIndex].quantity > 0) {
-            products[productIndex].quantity -= 1; // Уменьшаем количество на 1
-            totalSold += 1; // Увеличиваем общее количество проданных товаров
-            totalRevenue += products[productIndex].salePrice; // Увеличиваем общую выручку
-
-            // Сохраняем обновленные данные
-            localStorage.setItem('products', JSON.stringify(products));
-            localStorage.setItem('stats', JSON.stringify({ totalSold, totalRevenue }));
-
-            // Обновляем таблицу и статистику
-            productTable.innerHTML = '';
-            loadProducts();
-            updateStatsDisplay();
-        } else {
-            alert('Товар закончился на складе.');
-        }
-    };
-});
+        const row