☰

Khan Academy Problem Solver

Here is a Khan Academy Solver!

目前为 2021-11-27 提交的版本。查看 最新版本。

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

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

镜像地址随时可能被墙，建议加群获取最新地址

加入Q群

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址