Highlight Blooket Answers

View All The Correct Answers on Blooket! tags:blooket hack, blooket hacks, blooket cheats, auto answer

您需要先安裝使用者腳本管理器擴展,如 TampermonkeyGreasemonkeyViolentmonkey 之後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyViolentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyViolentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyUserscripts 後才能安裝該腳本。

你需要先安裝一款使用者腳本管理器擴展,比如 Tampermonkey,才能安裝此腳本

您需要先安裝使用者腳本管理器擴充功能後才能安裝該腳本。

(我已經安裝了使用者腳本管理器,讓我安裝!)

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

(我已經安裝了使用者樣式管理器,讓我安裝!)

// ==UserScript==
// @name         Highlight Blooket Answers
// @namespace    http://greasyfork.org/
// @version      15
// @description  View All The Correct Answers on Blooket! tags:blooket hack, blooket hacks, blooket cheats, auto answer
// @match        https://*.blooket.com/*
// @icon         https://static.wikia.nocookie.net/blooket/images/1/11/Wiseowlsvg.svg
// @grant        GM_registerMenuCommand
// @grant        GM_getValue
// @grant        GM_setValue
// @grant        GM_addStyle
// @license      MIT
// ==/UserScript==
 
(() => {
    // Initialize settings
    let useArialFont = GM_getValue('useArialFont', false);
    let highlightInterval;
 
    // Add minimal styles
    GM_addStyle(`
        .blooket-highlight-status {
            position: fixed;
            bottom: 10px;
            right: 10px;
            background: rgba(0,0,0,0.7);
            color: white;
            padding: 5px 10px;
            border-radius: 5px;
            font-family: Nunito,sans-serif;
            font-size: 12px;
            z-index: 9999;
        }
    `);
 
    // Create status indicator
    function createStatusIndicator() {
        const status = document.createElement('div');
        status.className = 'blooket-highlight-status';
        status.textContent = `Highlight Mode: ${useArialFont ? 'Italic' : 'Normal'}`;
        document.body.appendChild(status);
        return status;
    }
 
    function updateHighlights() {
        try {
            const { stateNode: { state, props } } = Object.values((function react(r = document.querySelector("body>div")) {
                return Object.values(r)[1]?.children?.[0]?._owner.stateNode ? r : react(r.querySelector(":scope>div"))
            })())[1].children[0]._owner;
 
            [...document.querySelectorAll(`[class*="answerContainer"]`)].forEach((answer, i) => {
                const isCorrect = (state.question || props.client.question).correctAnswers.includes((state.question || props.client.question).answers[i]);
 
                // Reset styles first
 
                if (useArialFont) {
                    // Font style mode
                    if (isCorrect) {
                        answer.style.fontFamily = "Arial, sans-serif";
                        answer.style.fontStyle = "italic";
                    }
                } else {
                    // Color highlight mode
                answer.style.backgroundColor = '';
                answer.style.fontFamily = '';
                answer.style.fontWeight = '';
                answer.style.fontStyle = '';
 
                    if (isCorrect) {
                        answer.style.backgroundColor = "rgb(0, 207, 119)";
                    } else {
                        answer.style.backgroundColor = "rgb(189, 15, 38)";
                    }
                }
            });
        } catch (e) {
            // Silently handle errors that occur when game elements aren't available
        }
    }
 
    function startHighlighting() {
        if (highlightInterval) clearInterval(highlightInterval);
        highlightInterval = setInterval(updateHighlights, 500);
    }
 
    // Initialize
    const statusIndicator = createStatusIndicator();
    startHighlighting();
 
    // Register simple toggle command
    GM_registerMenuCommand(`Toggle Highlight Mode`, () => {
        useArialFont = !useArialFont;
        GM_setValue('useArialFont', useArialFont);
        statusIndicator.textContent = `Highlight Mode: ${useArialFont ? 'Italic' : 'Normal'}`;
        updateHighlights();
    });
})();