☰

Khan Academy Problem Solver

Here is a Khan Academy Solver!

当前为 2022-03-30 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name         Khan Academy Problem Solver
  3. // @version      3.2
  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="main" id="accordian">Toggle</button>
  17.     <div class="main" id="box2">
  18.         <p class="pdark" id="pdark"> KhanHack </p>
  19.         <section><label>Answer: [<label id="ans1" value="thisisvalue">...</label>]</section>
  20.         <button class="inputans" id="inputans">Copy</button><br>
  21.         <section><label>Next And Last Answer: [<label id="ans2">...</label>]</section>
  22.         <button class="inputans" id="inputans2">Copy</button>
  23.         <section><label>&nbsp;</label></section>
  24.         <section><label id="ans3text">Dropdown 1: [<label id="ans3">...</label>]</label></section>
  25.         <section><label id="ans4text">Dropdown 2: [<label id="ans4">...</label>]</label></section>
  26.         <section><label id="ans5text">Dropdown 3: [<label id="ans5">...</label>]</label></section>
  27.         <section><label>&nbsp;</label></section>
  28.         <section class="toggleclass"><label>M also toggles Menu</label></section>
  29.     </div>
  30. </div>
  31.  
  32. <style>
  33. #box {
  34.     z-index: 9999;
  35.     position: fixed;
  36.     top: 0;
  37.     right: 0;}
  38. #box2 {
  39.     padding: 15px;
  40.     margin-bottom: 5px;
  41.     display: none;
  42.     border-radius: 25px;};
  43. section {
  44.     display: flex;
  45.     justify-content: space-between;margin:5px;}
  46. .main {
  47.     background-color: #072357;
  48.     letter-spacing: 2px;
  49.     font-weight: none;
  50.     font-size: 11px;
  51.     font-family: 'Roboto', sans-serif;
  52.     color:white;
  53.     webkit-user-select: all;}
  54. .pdark {
  55.    border-bottom:2px solid white;}
  56. #accordian {
  57.     width: 100%;
  58.     border: 0;
  59.     cursor: pointer;
  60.     border-radius: 25px;}
  61. .inputans {
  62. width: 15%;
  63.     border: 0;
  64.     cursor: pointer;
  65.     border-radius: 25px;
  66.     background-color: #0b40a1;
  67.     color: white;
  68.     font-family: 'Roboto', sans-serif;
  69.     display: none;
  70. }
  71. .inputans:hover {
  72. background-color: #0b378a;
  73. }
  74. .toggleclass {
  75. text-align: center;
  76. }
  77. </style>
  78. `
  79.  
  80.  
  81. function get(x)            { return document.getElementById(x); }
  82.  
  83. let overlay = document.createElement("div");
  84.     overlay.innerHTML = overlayHTML;
  85.     document.body.appendChild(overlay);
  86.  
  87. let acc = get("accordian"),
  88.     darkToggle = get("darkToggle"),
  89.     ansbutton = get("inputans"),
  90.     ansbutton2 = get("inputans2")
  91.  
  92. acc.onclick = function() {
  93.     let panel = get("box2");
  94.     let acc = get("accordian")
  95.     if (panel.style.display == "grid") panel.style.display = "none";
  96.     else { panel.style.display = "grid";}
  97.  
  98. }
  99.  
  100. document.addEventListener('keydown', (event) => {
  101.     if (event.key === 'm') {
  102.  
  103.       let panel = get("box2");
  104.     if (panel.style.display == "grid") panel.style.display = "none";
  105.     else { panel.style.display = "grid"; }
  106.     }
  107. });
  108.  
  109.     'use strict';
  110.     window.loaded = false;
  111.     class Answer {
  112.         constructor(answer, type) {
  113.             this.body = answer;
  114.             this.type = type;
  115.         }
  116.  
  117.         get isMultiChoice() {
  118.             return this.type == "multiple_choice";
  119.         }
  120.  
  121.         get isFreeResponse() {
  122.             return this.type == "free_response";
  123.         }
  124.  
  125.         get isExpression() {
  126.             return this.type == "expression";
  127.         }
  128.  
  129.         get isDropdown() {
  130.             return this.type == "dropdown";
  131.         }
  132.     }
  133.  
  134.     const originalFetch = window.fetch;
  135.     window.fetch = function () {
  136.         return originalFetch.apply(this, arguments).then((res) => {
  137.             if (res.url.includes("/getAssessmentItem")) {
  138.                 const clone = res.clone();
  139.                 clone.json().then(json => {
  140.                     let item, question;
  141.  
  142.                     try {
  143.                         item = json.data.assessmentItem.item.itemData;
  144.                         question = JSON.parse(item).question;
  145.                     } catch {
  146.                         let errorIteration = () => { return localStorage.getItem("error_iter") || 0; }
  147.                         localStorage.setItem("error_iter", errorIteration() + 1);
  148.  
  149.                         if (errorIteration() < 4) {
  150.                             return location.reload();
  151.                         } else {
  152.                             return alert("An error occurred");
  153.                         }
  154.                     }
  155.  
  156.                     if (!question) return;
  157.  
  158.                     Object.keys(question.widgets).map(widgetName => {
  159.                         switch (widgetName.split(" ")[0]) {
  160.                             case "numeric-input":
  161.                                 return freeResponseAnswerFrom(question);
  162.                             case "radio":
  163.                                 return multipleChoiceAnswerFrom(question);
  164.                             case "expression":
  165.                                 return expressionAnswerFrom(question);
  166.                             case "dropdown":
  167.                                 return dropdownAnswerFrom(question);
  168.                         }
  169.                     });
  170.                 });
  171.             }
  172.  
  173.             return res;
  174.         })
  175.     }
  176.  
  177.     function freeResponseAnswerFrom(question) {
  178.         const answer = Object.values(question.widgets).map((widget) => {
  179.             if (widget.options?.answers) {
  180.                 return widget.options.answers.map(answer => {
  181.                     if (answer.status == "correct") {
  182.                        //alert('freeresponse')
  183.  					   ansbutton.style.display = "none"
  184.         			   ansbutton2.style.display = "none"                      
  185.                        var ans1 = document.getElementById('ans1').innerHTML
  186.                        var ans2 = document.getElementById('ans2').innerHTML
  187.                        
  188.                        document.getElementById('ans2').innerHTML = (answer.value)
  189.                        document.getElementById('ans1').innerHTML = (ans2)
  190.                        
  191.                     }
  192.                  });
  193.  
  194.             }
  195.         }).flat().filter((val) => { return val !== undefined; });
  196.  
  197.         return new Answer(answer, "free_response");
  198.     }
  199.  
  200.     function multipleChoiceAnswerFrom(question) {
  201.         const answer = Object.values(question.widgets).map((widget) => {
  202.             if (widget.options?.choices) {
  203.                 return widget.options.choices.map(choice => {
  204.                     if (choice.correct) {
  205.   						//alert('multichoice')
  206.  					   ansbutton.style.display = "none"
  207.         			   ansbutton2.style.display = "none"                      
  208.                        var ans1 = document.getElementById('ans1').innerHTML
  209.                        var ans2 = document.getElementById('ans2').innerHTML
  210.  
  211.                        document.getElementById('ans2').innerHTML = (choice.content)
  212.                        document.getElementById('ans1').innerHTML = (ans2)
  213.                     }
  214.                 });
  215.             }
  216.         }).flat().filter((val) => { return val !== undefined; });
  217.  
  218.  
  219.         return new Answer(answer, "multiple_choice");
  220.     }
  221.  
  222.     function expressionAnswerFrom(question) {
  223.         const answer = Object.values(question.widgets).map((widget) => {
  224.             if (widget.options?.answerForms) {
  225.                 return widget.options.answerForms.map(answer => {
  226.                     if (Object.values(answer).includes("correct")) {
  227.                       //alert('expression')
  228.                         ansbutton.style.display = "grid"
  229.                         ansbutton2.style.display = "grid"
  230.                       var ans1 = document.getElementById('ans1').innerHTML
  231.                       var ans2 = document.getElementById('ans2').innerHTML
  232.                       var ans1val = document.getElementById('ans1').value
  233.  
  234.  
  235.                       document.getElementById('ans2').innerHTML = (answer.value)
  236.                       document.getElementById('ans1').innerHTML = (ans2)
  237.  
  238.                       ansbutton.onclick = function() {
  239.                       prompt("Copy and paste this into the answer box", (document.getElementById('ans1').innerHTML))
  240.                       }
  241.  
  242.                       ansbutton2.onclick = function() {
  243.                       prompt("Copy and paste this into the answer box", (document.getElementById('ans2').innerHTML))
  244.                       }
  245.  
  246.                     }
  247.                 });
  248.             }
  249.         }).flat();
  250.         return new Answer(answer, "expression");
  251.     }
  252.  
  253.     function dropdownAnswerFrom(question) {
  254.         const answer = Object.values(question.widgets).map((widget) => {
  255.             if (widget.options?.choices) {
  256.                 return widget.options.choices.map(choice => {
  257.                     if (choice.correct) {
  258.                         //alert('dropdown')
  259.  					   ansbutton.style.display = "none"
  260.         			   ansbutton2.style.display = "none"
  261.                       
  262.                        var ans1 = document.getElementById('ans1').innerHTML
  263.                        var ans2 = document.getElementById('ans2').innerHTML
  264.                        var ans3 = document.getElementById('ans3').innerHTML
  265.                        var ans4 = document.getElementById('ans4').innerHTML
  266.                        var ans5 = document.getElementById('ans5').innerHTML
  267.  
  268.                        document.getElementById('ans2').innerHTML = (choice.content)
  269.                        document.getElementById('ans1').innerHTML = (ans2)
  270.                        document.getElementById('ans5').innerHTML = (choice.content)
  271.                        document.getElementById('ans4').innerHTML = (ans5)
  272.                        document.getElementById('ans3').innerHTML = (ans4)
  273.                     }
  274.                 });
  275.             }
  276.         }).flat();
  277.         return new Answer(answer, "dropdown");
  278.     }      
  279. })();