☰

Khan Academy Problem Solver

Here is a Khan Academy Solver!

目前为 2021-12-17 提交的版本。查看 最新版本。

  1. // ==UserScript==
  2. // @name         Khan Academy Problem Solver
  3. // @version      3.0
  4. // @description  Here is a Khan Academy Solver!
  5. // @author       Logzilla6
  6. // @match        https://www.khanacademy.org/*
  7. // @grant        none
  8. // @namespace https://greasyfork.org/users/783447
  9. // ==/UserScript==
  10.  
  11. (function () {
  12.   let overlayHTML = ` <link rel="preconnect" href="https://fonts.googleapis.com">
  13. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  14. <link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet">
  15. <div id="box">
  16. <button class="ou" id="accordian">Toggle</button>
  17.     <div class="ou" id="box2">
  18.         <p class="pdark" id="pdark"> KhanHack </p>
  19.         <section><label>Answer: [<label id="ans1">...</label>]</label></section>
  20.         <section><label>Next And Last Answer: [<label id="ans2"></label>]</label></section>
  21.         <section><label>&nbsp;</label></section>
  22.         <section><label id="ans3text">Dropdown 1: [<label id="ans3">...</label>]</label></section>
  23.         <section><label id="ans4text">Dropdown 2: [<label id="ans4">...</label>]</label></section>
  24.         <section><label id="ans5text">Dropdown 3: [<label id="ans5">...</label>]</label></section>
  25.         <section><label>&nbsp;</label></section>
  26.         <section><label>M also toggles Menu</label></section>
  27.  
  28.  
  29.     </div>
  30.     
  31. </div>
  32. <style>
  33.  
  34. #box {
  35.     z-index: 1090;
  36.     position: fixed;
  37.     top: 0;
  38.     right: 0;}
  39. #box2 {
  40.     padding: 15px;
  41.     margin-bottom: 5px;
  42.     display: none;
  43.     border-radius: 25px;};
  44. section {
  45.     display: flex;
  46.     justify-content: space-between;margin:5px;}
  47. .ou {
  48.     background-color: #072357;
  49.     letter-spacing: 2px;
  50.     font-weight: none;
  51.     font-size: 11px;
  52.     font-family: 'Roboto', sans-serif;
  53.     color:white;}
  54. .pdark { 
  55.    text-align: center;
  56.    border-bottom:2px solid white;}
  57. #accordian {
  58.     width: 100%;
  59.     border: 0;
  60.     cursor: pointer;
  61.     border-radius: 25px;}
  62. label { font-weight: bold;}
  63. </style>
  64. `
  65.  
  66.  
  67. function get(x)            { return document.getElementById(x); }
  68.  
  69. let overlay             = document.createElement("div");
  70.     overlay.innerHTML   = overlayHTML;
  71.     document.body.appendChild(overlay);
  72.  
  73. let acc                 = get("accordian"),
  74.     darkToggle          = get("darkToggle")
  75.  
  76. acc.onclick = function() {
  77.     let panel = get("box2");
  78.     if (panel.style.display == "grid") panel.style.display = "none";
  79.     else { panel.style.display = "grid"; }
  80. }
  81.  
  82.   document.addEventListener('keydown', (event) => {
  83.     if (event.key === 'm') {
  84.       
  85.       let panel = get("box2");
  86.     if (panel.style.display == "grid") panel.style.display = "none";
  87.     else { panel.style.display = "grid"; }
  88.     }
  89. }); 
  90.   
  91.  
  92.  
  93.  
  94.     'use strict';
  95.     window.loaded = false;
  96.     class Answer {
  97.         constructor(answer, type) {
  98.             this.body = answer;
  99.             this.type = type;
  100.         }
  101.  
  102.         get isMultiChoice() {
  103.             return this.type == "multiple_choice";
  104.         }
  105.  
  106.         get isFreeResponse() {
  107.             return this.type == "free_response";
  108.         }
  109.  
  110.         get isExpression() {
  111.             return this.type == "expression";
  112.         }
  113.  
  114.         get isDropdown() {
  115.             return this.type == "dropdown";
  116.         }
  117.  
  118.         log() {
  119.             const answer = this.body;
  120.             const style = "color: coral; -webkit-text-stroke: .5px black; font-size:24px; font-weight:bold;";
  121.  
  122.             answer.map(ans => {
  123.                 if (typeof ans == "string") {
  124.                     if (ans.includes("web+graphie")) {
  125.                         this.body[this.body.indexOf(ans)] = "";
  126.                         this.printImage(ans);
  127.                     } else {
  128.                         answer[answer.indexOf(ans)] = ans.replaceAll("$", "");
  129.                     }
  130.                 }
  131.             });
  132.  
  133.             const text = answer.join("\n");
  134.             if (text) {
  135.                 console.log(`${text.trim()}`, style);
  136.             }
  137.         }
  138.  
  139.         printImage(ans) {
  140.             const url = ans.replace("![](web+graphie", "https").replace(")", ".svg");
  141.             const image = new Image();
  142.  
  143.             image.src = url;
  144.             image.onload = () => {
  145.                 const imageStyle = [
  146.                     'font-size: 1px;',
  147.                     'line-height: ', this.height % 2, 'px;',
  148.                     'padding: ', this.height * .5, 'px ', this.width * .5, 'px;',
  149.                     'background-size: ', this.width, 'px ', this.height, 'px;',
  150.                     'background: url(', url, ');'
  151.                 ].join(' ');
  152.                 console.log('', imageStyle);
  153.             };
  154.         }
  155.     }
  156.  
  157.     const originalFetch = window.fetch;
  158.     window.fetch = function () {
  159.         return originalFetch.apply(this, arguments).then((res) => {
  160.             if (res.url.includes("/getAssessmentItem")) {
  161.                 const clone = res.clone();
  162.                 clone.json().then(json => {
  163.                     let item, question;
  164.  
  165.                     try {
  166.                         item = json.data.assessmentItem.item.itemData;
  167.                         question = JSON.parse(item).question;
  168.                     } catch {
  169.                         let errorIteration = () => { return localStorage.getItem("error_iter") || 0; }
  170.                         localStorage.setItem("error_iter", errorIteration() + 1);
  171.  
  172.                         if (errorIteration() < 4) {
  173.                             return location.reload();
  174.                         } else {
  175.                             return alert("An error occurred");
  176.                         }
  177.                     }
  178.  
  179.                     if (!question) return;
  180.  
  181.                     Object.keys(question.widgets).map(widgetName => {
  182.                         switch (widgetName.split(" ")[0]) {
  183.                             case "numeric-input":
  184.                                 return freeResponseAnswerFrom(question).log();
  185.                             case "radio":
  186.                                 return multipleChoiceAnswerFrom(question).log();
  187.                             case "expression":
  188.                                 return expressionAnswerFrom(question).log();
  189.                             case "dropdown":
  190.                                 return dropdownAnswerFrom(question).log();
  191.                         }
  192.                     });
  193.                 });
  194.             }
  195.  
  196.             return res;
  197.         })
  198.     }
  199.  
  200.     function freeResponseAnswerFrom(question) {
  201.         const answer = Object.values(question.widgets).map((widget) => {
  202.             if (widget.options?.answers) {
  203.                 return widget.options.answers.map(answer => {
  204.                     if (answer.status == "correct") {
  205.                        //alert('freeresponse')
  206.                        var ans1 = document.getElementById('ans1').innerHTML
  207.                        var ans2 = document.getElementById('ans2').innerHTML
  208.                         document.getElementById('ans2').innerHTML = document.getElementById('ans2').innerHTML.replace("![](web+graphie://cdn.kastatic.org/ka-perseus-graphie/", "")
  209. document.getElementById('ans2').innerHTML = document.getElementById('ans2').innerHTML.replace("$", "")
  210.                       document.getElementById('ans2').innerHTML = (answer.value)
  211.                       document.getElementById('ans1').innerHTML = (ans2)
  212.                      document.getElementById('ans1').innerHTML = document.getElementById('ans1').innerHTML.replace("![](web+graphie://cdn.kastatic.org/ka-perseus-graphie/", "")
  213. document.getElementById('ans1').innerHTML = document.getElementById('ans1').innerHTML.replace("$", "")
  214.                     }
  215.                  });
  216.                  
  217.             }
  218.         }).flat().filter((val) => { return val !== undefined; });
  219.  
  220.         return new Answer(answer, "free_response");
  221.     }
  222.  
  223.     function multipleChoiceAnswerFrom(question) {
  224.         const answer = Object.values(question.widgets).map((widget) => {
  225.             if (widget.options?.choices) {
  226.                 return widget.options.choices.map(choice => {
  227.                     if (choice.correct) {
  228.   						//alert('multichoice')
  229.                        var ans1 = document.getElementById('ans1').innerHTML
  230.                        var ans2 = document.getElementById('ans2').innerHTML
  231.                        
  232.                        document.getElementById('ans2').innerHTML = document.getElementById('ans2').innerHTML.replace("![](web+graphie://cdn.kastatic.org/ka-perseus-graphie/", "")
  233. document.getElementById('ans2').innerHTML = document.getElementById('ans2').innerHTML.replace("$", "")
  234.                       
  235.                       
  236.              
  237.                       document.getElementById('ans2').innerHTML = (choice.content)
  238.                       document.getElementById('ans1').innerHTML = (ans2)
  239.                       
  240.                       
  241.                       
  242.                       document.getElementById('ans1').innerHTML = document.getElementById('ans1').innerHTML.replace("![](web+graphie://cdn.kastatic.org/ka-perseus-graphie/", "")
  243. document.getElementById('ans1').innerHTML = document.getElementById('ans1').innerHTML.replace("$", "")
  244.                     }
  245.                 });
  246.             }
  247.         }).flat().filter((val) => { return val !== undefined; });
  248.  
  249.  
  250.         return new Answer(answer, "multiple_choice");
  251.     }
  252.  
  253.     function expressionAnswerFrom(question) {
  254.         const answer = Object.values(question.widgets).map((widget) => {
  255.             if (widget.options?.answerForms) {
  256.                 return widget.options.answerForms.map(answer => {
  257.                     if (Object.values(answer).includes("correct")) {
  258.                       //alert('expression')
  259.                       var ans1 = document.getElementById('ans1').innerHTML
  260.                       var ans2 = document.getElementById('ans2').innerHTML
  261.                         document.getElementById('ans2').innerHTML = document.getElementById('ans2').innerHTML.replace("![](web+graphie://cdn.kastatic.org/ka-perseus-graphie/", "")
  262. document.getElementById('ans2').innerHTML = document.getElementById('ans2').innerHTML.replace("$", "")
  263.                       
  264.                       
  265.                       
  266.                       document.getElementById('ans2').innerHTML = (answer.value)
  267.                       document.getElementById('ans1').innerHTML = (ans2)
  268.                       
  269.                       
  270.                       
  271.                       
  272.                       document.getElementById('ans1').innerHTML = document.getElementById('ans1').innerHTML.replace("![](web+graphie://cdn.kastatic.org/ka-perseus-graphie/", "")
  273. document.getElementById('ans1').innerHTML = document.getElementById('ans1').innerHTML.replace("$", "")
  274.                     }
  275.                 });
  276.             }
  277.         }).flat();
  278.  
  279.         return new Answer(answer, "expression");
  280.     }
  281.  
  282.     function dropdownAnswerFrom(question) {
  283.         const answer = Object.values(question.widgets).map((widget) => {
  284.             if (widget.options?.choices) {
  285.                 return widget.options.choices.map(choice => {
  286.                     if (choice.correct) {
  287.                         //alert('dropdown')
  288.                        var ans1 = document.getElementById('ans1').innerHTML
  289.                        var ans2 = document.getElementById('ans2').innerHTML
  290.                        var ans3 = document.getElementById('ans3').innerHTML
  291.                        var ans4 = document.getElementById('ans4').innerHTML
  292.                        var ans5 = document.getElementById('ans5').innerHTML
  293.                                                 document.getElementById('ans2').innerHTML = document.getElementById('ans2').innerHTML.replace("![](web+graphie://cdn.kastatic.org/ka-perseus-graphie/", "")
  294. document.getElementById('ans2').innerHTML = document.getElementById('ans2').innerHTML.replace("$", "")
  295.                       
  296.                       
  297.                       
  298.                       document.getElementById('ans2').innerHTML = (choice.content)
  299.                       document.getElementById('ans1').innerHTML = (ans2)
  300.                       
  301.                       
  302.                       
  303.                       
  304.                       document.getElementById('ans5').innerHTML = (choice.content)
  305.                       document.getElementById('ans4').innerHTML = (ans5)
  306.                       document.getElementById('ans3').innerHTML = (ans4)
  307.                       
  308.                       
  309.                       
  310.                       
  311.                       
  312.                       
  313.                       
  314.                   
  315.                       
  316.                       
  317.                       
  318.                       
  319.                      
  320.                       
  321.                       
  322.                       
  323.                       
  324.                       document.getElementById('ans1').innerHTML = document.getElementById('ans1').innerHTML.replace("![](web+graphie://cdn.kastatic.org/ka-perseus-graphie/", "")
  325. document.getElementById('ans1').innerHTML = document.getElementById('ans1').innerHTML.replace("$", "")
  326.                     }
  327.                 });
  328.             }
  329.         }).flat(); 
  330.         return new Answer(answer, "dropdown"); 
  331.     }
  332. })();