Greasy Fork is available in English.
After every round, correct answer is saving to local database. You can use that later with "Pick Correct Answer" button. You can also save image answers.
// ==UserScript==
// @name Quiz House Answer Local Database
// @namespace http://tampermonkey.net/
// @version 1.0.4b
// @description After every round, correct answer is saving to local database. You can use that later with "Pick Correct Answer" button. You can also save image answers.
// @author Meffiu
// @match https://app.quizhouse.com/*
// @icon https://www.google.com/s2/favicons?sz=64&domain=quizhouse.com
// @grant GM_setValue
// @grant GM_getValue
// @license MIT
// ==/UserScript==
(function() {
'use strict';
let lastQuestion = '',
instantPickEnabled = false,
pickRandomAnswer = false,
instantPickInterval = null,
playAgainInterval = null,
alertOffset = 0;
function initDatabase() {
let data = loadData('qh_answers');
let dataImg = loadData('qh_answers_imgs');
console.log(data);
if (!data) {
data = {};
saveData('qh_answers', data);
}
if (!dataImg) {
dataImg = {};
saveData('qh_answers_imgs', dataImg)
}
}
function createInstantPickButton() {
const instantPickButton = document.createElement('button');
instantPickButton.textContent = 'Instant Pick Correct Answer';
instantPickButton.style.backgroundColor = 'red';
instantPickButton.style.color = 'white';
instantPickButton.style.marginTop = '10px';
instantPickButton.style.padding = '5px';
instantPickButton.style.borderRadius = '5px';
instantPickButton.style.fontSize = '12px';
instantPickButton.style.marginRight = '5px';
instantPickButton.addEventListener('click', function() {
instantPickEnabled = !instantPickEnabled;
instantPickButton.style.backgroundColor = instantPickEnabled ? 'green' : 'red';
if (instantPickEnabled) {
instantPickAnswer();
updateStatsBox();
} else {
clearInterval(instantPickInterval);
}
});
return instantPickButton;
}
function createCheckButton() {
const checkButton = document.createElement('button');
checkButton.textContent = 'Pick Correct Answer';
checkButton.style.backgroundColor = 'green';
checkButton.style.color = 'white';
checkButton.style.marginTop = '10px';
checkButton.style.padding = '5px';
checkButton.style.borderRadius = '5px';
checkButton.style.fontSize = '12px';
checkButton.addEventListener('click', checkQuestion);
return checkButton;
}
function createAutoPlayAgainButton() {
const autoPlayAgainButton = document.createElement('button');
autoPlayAgainButton.textContent = 'Auto Play Again';
autoPlayAgainButton.style.backgroundColor = 'red';
autoPlayAgainButton.style.color = 'white';
autoPlayAgainButton.style.marginTop = '10px';
autoPlayAgainButton.style.padding = '5px';
autoPlayAgainButton.style.borderRadius = '5px';
autoPlayAgainButton.style.fontSize = '12px';
autoPlayAgainButton.style.marginRight = '5px';
let autoPlayAgainEnabled = false;
autoPlayAgainButton.addEventListener('click', function() {
autoPlayAgainEnabled = !autoPlayAgainEnabled;
autoPlayAgainButton.style.backgroundColor = autoPlayAgainEnabled ? 'green' : 'red';
if (autoPlayAgainEnabled) {
autoPlayAgain();
} else {
clearInterval(playAgainInterval);
}
});
return autoPlayAgainButton;
}
function createPickRandomAnswerButton() {
const pickRandomAnswerButton = document.createElement('button');
pickRandomAnswerButton.textContent = 'Pick Random Answer If Correct Not Found';
pickRandomAnswerButton.style.backgroundColor = 'red';
pickRandomAnswerButton.style.color = 'white';
pickRandomAnswerButton.style.marginTop = '10px';
pickRandomAnswerButton.style.padding = '5px';
pickRandomAnswerButton.style.borderRadius = '5px';
pickRandomAnswerButton.style.fontSize = '12px';
pickRandomAnswerButton.addEventListener('click', function() {
pickRandomAnswer = !pickRandomAnswer;
pickRandomAnswerButton.style.backgroundColor = pickRandomAnswer ? 'green' : 'red';
});
return pickRandomAnswerButton;
}
function createToggleButton() {
const toggleButton = document.createElement('button');
toggleButton.textContent = 'Toggle StatsBox';
toggleButton.style.backgroundColor = 'blue';
toggleButton.style.color = 'white';
toggleButton.style.marginTop = '10px';
toggleButton.style.padding = '5px';
toggleButton.style.borderRadius = '5px';
toggleButton.style.fontSize = '12px';
toggleButton.style.display = 'block';
toggleButton.addEventListener('click', function() {
const statsBox = document.getElementById('statsBox');
if (statsBox.style.display === 'none') {
statsBox.style.display = 'block';
} else {
statsBox.style.display = 'none';
}
});
return toggleButton;
}
function autoPlayAgain() {
playAgainInterval = setInterval(() => {
const button = document.querySelector('button.css-1tom5sh');
if (button) {
button.click();
}
}, 3000);
}
function instantPickAnswer() {
instantPickInterval = setInterval(() => {
checkQuestion();
}, 1000);
}
function updateStatsBox() {
const data = loadData('qh_answers');
const dataImg = loadData('qh_answers_imgs');
let totalAnswers = 0;
for (let key in data) {
totalAnswers += data[key].length;
}
let totalImgAnswers = 0;
for (let key in dataImg) {
totalImgAnswers += dataImg[key].length;
}
let statsContainer = document.getElementById('statsContainer');
if (!statsContainer) {
statsContainer = document.createElement('div');
statsContainer.id = 'statsContainer';
statsContainer.style.position = 'fixed';
statsContainer.style.bottom = '20px';
statsContainer.style.left = '20px';
document.body.appendChild(statsContainer);
}
let buttonsContainer = document.getElementById('buttonsContainer');
if (!buttonsContainer) {
buttonsContainer = document.createElement('div');
buttonsContainer.id = 'buttonsContainer';
buttonsContainer.style.display = 'flex';
statsContainer.appendChild(buttonsContainer);
}
let secondButtonsContainer = document.getElementById('secondButtonsContainer');
if (!secondButtonsContainer) {
secondButtonsContainer = document.createElement('div');
secondButtonsContainer.id = 'secondButtonsContainer';
secondButtonsContainer.style.display = 'flex';
statsContainer.appendChild(secondButtonsContainer);
}
let instantPickButton = document.getElementById('instantPickButton');
if (!instantPickButton) {
instantPickButton = createInstantPickButton();
instantPickButton.id = 'instantPickButton';
buttonsContainer.appendChild(instantPickButton);
}
let checkButton = document.getElementById('checkButton');
if (!checkButton) {
checkButton = createCheckButton();
checkButton.id = 'checkButton';
buttonsContainer.appendChild(checkButton);
}
checkButton.style.display = instantPickEnabled ? 'none' : 'block';
let autoPlayAgainButton = document.getElementById('autoPlayAgainButton');
if (!autoPlayAgainButton) {
autoPlayAgainButton = createAutoPlayAgainButton();
autoPlayAgainButton.id = 'autoPlayAgainButton';
secondButtonsContainer.appendChild(autoPlayAgainButton);
}
let pickRandomAnswerButton = document.getElementById('pickRandomAnswerButton');
if (!pickRandomAnswerButton) {
pickRandomAnswerButton = createPickRandomAnswerButton();
pickRandomAnswerButton.id = 'pickRandomAnswerButton';
secondButtonsContainer.appendChild(pickRandomAnswerButton);
}
pickRandomAnswerButton.style.display = instantPickEnabled ? 'block' : 'none';
let toggleButton = document.getElementById('toggleButton');
if (!toggleButton) {
toggleButton = createToggleButton();
toggleButton.id = 'toggleButton';
statsContainer.appendChild(toggleButton);
}
let statsBox = document.getElementById('statsBox');
if (!statsBox) {
statsBox = document.createElement('div');
statsBox.id = 'statsBox';
statsBox.style.padding = '10px';
statsBox.style.color = 'white';
statsBox.style.backgroundColor = 'black';
statsContainer.appendChild(statsBox);
}
statsBox.innerHTML = `QH Answer Local Database v${GM_info.script.version}<br>Answers: ${totalAnswers}<br>Image Answers: ${totalImgAnswers}`;
}
function showAlert(message, color, duration) {
const alertBox = document.createElement('div');
const formattedMessage = message.replace(/\n/g, '<br>');
alertBox.innerHTML = formattedMessage;
alertBox.style.position = 'fixed';
alertBox.style.bottom = `${20 + alertOffset}px`;
alertBox.style.right = '20px';
alertBox.style.padding = '10px';
alertBox.style.color = 'white';
alertBox.style.backgroundColor = color;
alertBox.style.maxWidth = '400px';
alertBox.style.whiteSpace = 'nowrap';
alertBox.style.overflow = 'auto';
document.body.appendChild(alertBox);
setTimeout(() => {
document.body.removeChild(alertBox);
alertOffset -= 50;
}, duration);
alertOffset += 50;
}
function saveData(key, data) {
GM_setValue(key, JSON.stringify(data));
}
function loadData(key) {
const data = GM_getValue(key, null);
return data ? JSON.parse(data) : null;
}
function saveQuestion() {
const data = loadData('qh_answers');
const dataImg = loadData('qh_answers_imgs')
const question = document.querySelector('div.css-219n91 p').textContent;
const answer = document.querySelector('div.css-1wxx39n')?.textContent || document.querySelector('div.css-91izyb')?.textContent;
const image = document.querySelector('img.css-18a88ps')?.getAttribute('src');
if (!question || !answer) {
return showAlert('Could not extract question or answer!', 'red', 3000);
}
if (image) {
dataImg[question] = dataImg[question] || [];
if (!dataImg[question]?.some(i => i.src === image)) {
dataImg[question].push({ src: image, answer: answer });
saveData('qh_answers_imgs', dataImg);
showAlert(`Saved answer "${answer}" to question "${question}"`, 'green', 3000);
}
}
else {
data[question] = data[question] || [];
if (!data[question].includes(answer)) {
data[question].push(answer);
saveData('qh_answers', data);
showAlert(`Saved answer "${answer}" to question "${question}"`, 'green', 3000);
}
}
updateStatsBox();
}
function checkQuestion() {
const data = loadData('qh_answers');
const dataImg = loadData('qh_answers_imgs');
const question = document.querySelector('div.css-219n91 p').textContent;
const image = document.querySelector('img.css-18a88ps')?.getAttribute('src');
if (image) {
if (dataImg[question]) {
const imgAnswer = dataImg[question].find(i => i.src === image)?.answer;
if (imgAnswer) {
const divs = Array.from(document.querySelectorAll('div'));
const targetDiv = divs.find(div => div.innerText === imgAnswer);
if (targetDiv) {
return targetDiv.click();
} else {
showAlert(`No div with the saved answer found!\n\nAnswer: ${imgAnswer}`, 'red', 5000);
}
} else {
showAlert('No answer to that question with image in database!', 'red', 3000);
}
} else {
showAlert('No data for this question in database!', 'red', 3000);
}
}
else if (data[question] && data[question].length > 0) {
const divs = Array.from(document.querySelectorAll('div'));
let targetDiv = null;
for (let i = 0; i < data[question].length; i++) {
targetDiv = divs.find(div => div.innerText === data[question][i]);
if (targetDiv) {
return targetDiv.click();
}
}
if (!targetDiv) {
showAlert(`No answer to that question in database!`, 'red', 3000);
}
} else {
showAlert('No answer to that question in database!', 'red', 3000);
}
if (pickRandomAnswer) {
const parentDiv = document.querySelector('.css-12zg2fx') || document.querySelector('.css-1dkyqax');
if (parentDiv) {
const divs = Array.from(parentDiv.querySelectorAll('div'));
if (divs.length > 0) {
const randomDiv = divs[Math.floor(Math.random() * divs.length)];
randomDiv.click();
}
}
}
}
const qhObserver = new MutationObserver((qhMutationsList, qhObserver) => {
for (let mutation of qhMutationsList) {
if(mutation.type === 'attributes') {
if(mutation.attributeName === 'class') {
const targetElement = mutation.target;
if(targetElement.classList.contains('css-1wxx39n') || targetElement.classList.contains('css-91izyb')) {
saveQuestion();
}
}
}
}
});
const qhConfig = { attributes: true, attributeFilter: ['class'], subtree: true };
qhObserver.observe(document, qhConfig);
initDatabase();
updateStatsBox();
showAlert('Quiz House Answer Local Database loaded!\n\nClick that green "Pick Corrent Answer" button to guess answer to actual question.', 'green', 8000);
})();