MediaWiki:Vector.js

Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.

• Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl+F5 или Ctrl+R (⌘+R на Mac)
• Google Chrome: Нажмите Ctrl+Shift+R (⌘+Shift+R на Mac)
• Internet Explorer / Edge: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl+F5
• Opera: Нажмите Ctrl+F5.

// 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));
});