MediaWiki:Test.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.

(function() {
    var races = [
        {name: 'Человек', img: 'Человек.png', link: 'Человек'},
        {name: 'Унатх', img: 'Унатх.png', link: 'Унатх'},
        {name: 'Дворф', img: 'Дворф.png', link: 'Дворф'},
        {name: 'Диона', img: 'Диона.png', link: 'Диона'},
        {name: 'Кидан', img: 'Кидан.png', link: 'Кидан'},
        {name: 'Фелинид', img: 'Фелинид.png', link: 'Фелинид'},
        {name: 'Родентия', img: 'Родения.png', link: 'Родентия'},
        {name: 'Авали', img: 'Авали.png', link: 'Авали'},
        {name: 'Вульпканин', img: 'Вульпанит.png', link: 'Вульпканин'},
        {name: 'Арахнид', img: 'Арахнид.png', link: 'Арахнид'},
        {name: 'Слаймолюд', img: 'Слаймолюд.png', link: 'Слаймолюд'},
        {name: 'Ниан', img: 'Ниан.png', link: 'Ниан'},
        {name: 'Вокс', img: 'Вокс.png', link: 'Вокс'}
    ];

    var container = document.createElement('div');
    container.className = 'race-container';

    for (var i = 0; i < races.length; i++) {
        var race = races[i];

        var card = document.createElement('div');
        card.className = 'race-card';

        var nameDiv = document.createElement('div');
        nameDiv.className = 'race-name';
        nameDiv.innerHTML = "[[" + race.name + "]]";
        card.appendChild(nameDiv);

        var imgDiv = document.createElement('div');
        imgDiv.className = 'race-image';
        imgDiv.innerHTML = "[[File:" + race.img + "|link=" + race.link + "]]";
        card.appendChild(imgDiv);

        container.appendChild(card);
    }

    var target = document.querySelector('.race-display');
    if (!target) {
        target = document.body;
    }
    target.appendChild(container);
})();