Here is a Khan Academy Solver!
Per
// ==UserScript==
// @name KhanHack
// @version 3.9
// @description Here is a Khan Academy Solver!
// @author Logzilla6
// @match https://www.khanacademy.org/*
// @grant none
// @namespace https://greasyfork.org/users/783447
// ==/UserScript==
(function () {
let overlayHTML = ` <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet">
<div id="box">
<button class="main" id="accordian">Toggle</button>
<div class="main" id="box2">
<center><p class="pdark" id="pdark"> KhanHack </p></center>
<button onclick="location.reload()" class="inputans">Reset Answer List</button>
<br>
<center><section><label id="ansHead">-Answers-</label></section></center>
<center id="mainCen">
<section><label id="ansBreak"> </label></section>
</center>
<section><label> </label></section>
<section class="toggleclass"><label>M also toggles Menu</label></section>
</div>
</div>
<style>
#box {
z-index: 9999;
position: fixed;
top: 0;
right: 0;}
#box2 {
padding: 15px;
margin-bottom: 5px;
display: grid;
border-radius: 25px;};
section {
display: flex;
justify-content: space-between;margin:5px;}
.main {
background-color: #072357;
letter-spacing: 2px;
font-weight: none;
font-size: 11px;
font-family: 'Roboto', sans-serif;
color:white;
webkit-user-select: all;}
.pdark {
border-bottom:2px solid white;
}
#accordian {
width: 100%;
border: 0;
cursor: pointer;
border-radius: 25px;}
.inputans {
border: 0;
cursor: pointer;
border-radius: 25px;
background-color: #0b40a1;
color: white;
font-family: 'Roboto', sans-serif;
}
.inputans:hover {
background-color: #0b378a;
}
.toggleclass {
text-align: center;
}
</style>
`
function get(x) { return document.getElementById(x); }
let overlay = document.createElement("div");
overlay.innerHTML = overlayHTML;
document.body.appendChild(overlay);
let acc = get("accordian"),
darkToggle = get("darkToggle"),
ansbutton = get("inputans"),
ansbutton2 = get("inputans2")
acc.onclick = function() {
let panel = get("box2");
let acc = get("accordian")
if (panel.style.display == "grid") panel.style.display = "none";
else { panel.style.display = "grid";}
}
document.addEventListener('keydown', (event) => {
if (event.key === 'm') {
let panel = get("box2");
if (panel.style.display == "grid") panel.style.display = "none";
else { panel.style.display = "grid"; }
}
});
'use strict';
window.loaded = false;
class Answer {
constructor(answer, type) {
this.body = answer;
this.type = type;
}
get isMultiChoice() {
return this.type == "multiple_choice";
}
get isFreeResponse() {
return this.type == "free_response";
}
get isExpression() {
return this.type == "expression";
}
get isDropdown() {
return this.type == "dropdown";
}
log() {
const answer = this.body;
answer.map(ans => {
if (typeof ans == "string") {
if (ans.includes("web+graphie")) {
this.body[this.body.indexOf(ans)] = "";
this.printImage(ans);
} else {
answer[answer.indexOf(ans)] = ans.replaceAll("$", "");
}
}
});
}
}
const originalFetch = window.fetch;
window.fetch = function () {
return originalFetch.apply(this, arguments).then(async (res) => {
if (res.url.includes("/getAssessmentItem")) {
const clone = res.clone();
const json = await clone.json()
let item, question;
item = json.data.assessmentItem.item.itemData;
question = JSON.parse(item).question;
Object.keys(question.widgets).map(widgetName => {
switch (widgetName.split(" ")[0]) {
case "numeric-input":
return freeResponseAnswerFrom(question).log();
case "radio":
return multipleChoiceAnswerFrom(question).log();
case "expression":
return expressionAnswerFrom(question).log();
case "dropdown":
return dropdownAnswerFrom(question).log();
}
});
}
if (!window.loaded) {
console.clear();
window.loaded = true;
}
return res;
})
}
let curAns = 1
function freeResponseAnswerFrom(question) {
const answer = Object.values(question.widgets).map((widget) => {
if (widget.options?.answers) {
return widget.options.answers.map(answer => {
if (answer.status == "correct") {
var parNumCurAns = "parNum" + curAns
var createPar = document.createElement('section')
createPar.innerHTML = answer.value
document.getElementById('ansBreak').append(createPar)
curAns++
}
});
}
}).flat().filter((val) => { return val !== undefined; });
return new Answer(answer, "free_response");
}
function multipleChoiceAnswerFrom(question) {
const answer = Object.values(question.widgets).map((widget) => {
if (widget.options?.choices) {
return widget.options.choices.map(choice => {
if (choice.correct) {
var parNumCurAns = "parNum" + curAns
var createPar = document.createElement('section')
createPar.innerHTML = choice.content
document.getElementById('ansBreak').append(createPar)
curAns++
}
});
}
}).flat().filter((val) => { return val !== undefined; });
return new Answer(answer, "multiple_choice");
}
function expressionAnswerFrom(question) {
const answer = Object.values(question.widgets).map((widget) => {
if (widget.options?.answerForms) {
return widget.options.answerForms.map(answer => {
if (Object.values(answer).includes("correct")) {
var parNumCurAns = "parNum" + curAns
var createPar = document.createElement('section')
createPar.innerHTML = answer.value
document.getElementById('ansBreak').append(createPar)
curAns++
}
});
}
}).flat();
return new Answer(answer, "expression");
}
function dropdownAnswerFrom(question) {
const answer = Object.values(question.widgets).map((widget) => {
if (widget.options?.choices) {
return widget.options.choices.map(choice => {
if (choice.correct) {
var parNumCurAns = "parNum" + curAns
var createPar = document.createElement('section')
createPar.innerHTML = choice.content
document.getElementById('ansBreak').append(createPar)
curAns++
}
});
}
}).flat();
return new Answer(answer, "dropdown");
}
})();