`).join(''); } // نظام التصفية function filterColors() { const searchTerm = searchInput.value.toLowerCase(); const selectedMain = mainCategory.value; const selectedSub = subCategory.value; const selectedColor = colorPicker.value.toUpperCase(); return colorLibrary.filter(color => { const matchesSearch = color.name.toLowerCase().includes(searchTerm) || color.code.toLowerCase().includes(searchTerm); const matchesMain = selectedMain === 'all' || color.mainCategory === selectedMain; const matchesSub = selectedSub === 'all' || color.subCategory === selectedSub; const matchesColor = selectedColor === '#000000' || color.code.toUpperCase() === selectedColor; return matchesSearch && matchesMain && matchesSub && matchesColor; }); } // الأحداث mainCategory.addEventListener('change', () => { updateSubCategories(); renderColors(filterColors()); }); subCategory.addEventListener('change', () => { renderColors(filterColors()); }); searchInput.addEventListener('input', () => { renderColors(filterColors()); }); colorPicker.addEventListener('input', () => { renderColors(filterColors()); }); // التهيئة الأولية populateCategories(); updateSubCategories(); renderColors(colorLibrary);