Кнопка случайного аниме

• chrome://extensions/ в поисковой строке.
• Если не получился первый пункт перейдите в Настройки → Дополнительные инструменты → Расширения.
• Включите Режим разработчика.
• Нажмите Загрузить распакованное расширение, выберите ПАПКУ с файлом manifest.json

• Перейдите в Настройки → Дополнения и темы.
• Включите Режим разработчика.
• Нажмите Загрузить временное расширение, выберите ФАЙЛ manifest.json

{
    "manifest_version": 3,
    "name": "Shikimori Random Anime Button",
    "version": "1.0",
    "description": "Adds a 'Random Anime' button to Shikimori.",
    "permissions": ["scripting", "activeTab"],
    "content_scripts": [
      {
        "matches": ["https://shikimori.one/*"],
        "js": ["content.js"],
        "css": ["style.css"]
      }
    ]
}

function goToRandomAnime() {
    const randomPage = Math.floor(Math.random() * 30000) + 1;

    fetch(`https://shikimori.one/api/animes?order=popularity&page=${randomPage}`)
        .then(response => response.json())
        .then(data => {
            if (data.length > 0) {
                const randomIndex = Math.floor(Math.random() * data.length);
                const randomAnime = data[randomIndex];
                window.location.href = `https://shikimori.one/animes/${randomAnime.id}`;
            } else {
                console.warn("Пустая страница. Повторная попытка...");
                goToRandomAnime(); // повторный вызов при пустом результате
            }
        })
        .catch(error => console.error("Ошибка при получении аниме:", error));
}

function addRandomButton() {
    const header = document.querySelector("header, .top-menu");
    if (header) {
        const button = document.createElement("button");
        button.innerText = "Случайное аниме";
        button.className = "random-anime-button";
        button.onclick = goToRandomAnime;
        
        header.appendChild(button);
        console.log("Кнопка 'Случайное аниме' добавлена");
    } else {
        console.error("Не удалось найти элемент для добавления кнопки");
    }
}

window.addEventListener("load", addRandomButton);

.random-anime-button {
    background-color: #3e3e3e; 
    color: white;
    padding: 10px 15px;
    height: 46px; 
    border: none;
    cursor: pointer;
    font-size: 14px;
    transition: background-color 0.3s ease, color 0.3s ease; 
    margin-left: 10px;
}

.random-anime-button:hover {
    background-color: #4e5257; 
    color: #e0e0e0;
}