Product database

// JavaScript for filtering and sorting let sortDirection = 1; // 1 for ascending, -1 for descending function filterTable() { const filter = document.getElementById(‘category-filter’).value; const rows = document.querySelectorAll(‘.gear-table tbody tr’); rows.forEach(row => { if (filter === ‘all’ || row.getAttribute(‘data-category’) === filter) { row.classList.remove(‘hidden’); } else { row.classList.add(‘hidden’); } }); } function sortTable() { const table = document.querySelector(‘.gear-table’); const tbody = table.querySelector(‘tbody’); const rows = Array.from(tbody.querySelectorAll(‘tr’)); const header = table.querySelector(‘th.sortable’); // Toggle sort direction sortDirection *= -1; // Update sort indicators header.classList.toggle(‘sort-asc’, sortDirection === 1); header.classList.toggle(‘sort-desc’, sortDirection === -1); // Sort rows by weight rows.sort((a, b) => { const weightA = parseInt(a.cells[2].textContent); const weightB = parseInt(b.cells[2].textContent); return (weightA – weightB) * sortDirection; }); // Re-append sorted rows rows.forEach(row => tbody.appendChild(row)); }