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.

document.addEventListener("DOMContentLoaded", function() {
    const raceData = {
        "Человек": {
            name: "Человек",
            organs: [
                { name: "Сердце", description: "Усваивает лекарства, яды и наркотики. Количество метаболизируемых веществ - 2" },
                { name: "Желудок", description: "Усваивает еду и напитки. Вместимость 50 единиц. Количество метаболизируемых веществ - 3" },
                { name: "Легкие", description: "Дают возможность дышать кислородом. Скорость дыхания - 1 единица в секунду" },
                { name: "Печень", description: "Усваивает алкоголь (0.05 единиц в секунду). Количество метаболизируемых веществ - 1" },
                { name: "Почки", description: "Удаляет любое неметаболизируемое вещество из организма. Количество усваиваемых веществ - 5" }
            ],
            speed: "Скорость передвижения: 2.5 и 4.5 тайлов в секунду при ходьбе и беге",
            damage: "Получают удары: 0.35 ударов при нулевом давлении",
            features: [
                "Безопасная температура - -13.15°С (260°К) - 86.85°С (360°К)",
                "Безоружные удары наносят 5 единиц ударов",
                "Можно разделать на 5 единиц человеческого мяса"
            ],
            accents: "Не имеют акцента",
            names: "Стандартные человеческие имена (Иван Петров, Джо Вильсон, Чжун Линь)"
        }
    };

    const raceSelection = document.getElementById("race-selection");
    const raceInfo = document.getElementById("race-info");

    function displayRaceInfo(race) {
        const raceDetail = raceData[race];
        raceInfo.innerHTML = `
            <h2>${raceDetail.name}</h2>
            <h3>Органы:</h3>
            <ul>
                ${raceDetail.organs.map(organ => `<li><span class="highlight">${organ.name}</span>: ${organ.description}</li>`).join('')}
            </ul>
            <p>${raceDetail.speed}</p>
            <p>${raceDetail.damage}</p>
            <h3>Особенности расы:</h3>
            <ul>
                ${raceDetail.features.map(feature => `<li>${feature}</li>`).join('')}
            </ul>
            <p><strong>Имена и акценты:</strong> ${raceDetail.accents}</p>
            <p><strong>Примерные имена:</strong> ${raceDetail.names}</p>
        `;
    }

    displayRaceInfo("Человек");

    raceSelection.addEventListener("change", function() {
        displayRaceInfo(raceSelection.value);
    });
});