|
Метки: очистка ручная отмена |
| Строка 1: |
Строка 1: |
| // script.js
| |
|
| |
|
| // Пример данных для дерева категорий
| |
| const categories = [
| |
| {
| |
| name: 'Electronics',
| |
| subcategories: [
| |
| { name: 'Phones' },
| |
| { name: 'Laptops' }
| |
| ]
| |
| },
| |
| {
| |
| name: 'Clothing',
| |
| subcategories: [
| |
| { name: 'Men' },
| |
| { name: 'Women' }
| |
| ]
| |
| }
| |
| ];
| |
|
| |
| // Функция для создания HTML элемента дерева категорий
| |
| function createCategoryTree(categories) {
| |
| const ul = document.createElement('ul');
| |
|
| |
| categories.forEach(category => {
| |
| const li = document.createElement('li');
| |
| li.textContent = category.name;
| |
|
| |
| if (category.subcategories && category.subcategories.length > 0) {
| |
| li.appendChild(createCategoryTree(category.subcategories));
| |
| }
| |
|
| |
| ul.appendChild(li);
| |
| });
| |
|
| |
| return ul;
| |
| }
| |
|
| |
| // Добавляем дерево категорий в сайдбар
| |
| document.addEventListener('DOMContentLoaded', () => {
| |
| const sidebar = document.getElementById('sidebar');
| |
| sidebar.appendChild(createCategoryTree(categories));
| |
| });
| |
