MediaWiki:Vector.js: различия между версиями

Версия от 14:49, 26 августа 2024

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