阿尔法编程自动答题

（1）导出自己的答案与别人分享（2）得到他人分享的答案导入后自动填写
Wrap lines
// ==UserScript==
// @name         阿尔法编程自动答题
// @namespace    http://tampermonkey.net/
// @version      2024-04-28
// @description  （1）导出自己的答案与别人分享（2）得到他人分享的答案导入后自动填写
// @author       盧瞳
// @match        *://*.alphacoding.cn/*
// @license MIT
// @icon         https://www.google.com/s2/favicons?sz=64&domain=alphacoding.cn
// @grant        none
// ==/UserScript==
var answerJson = null; // 定义一个变量来存储答案的 JSON 对象

function sleep(time) {
  var timeStamp = new Date().getTime();
  var endTime = timeStamp + time;
  while (true) {
    if (new Date().getTime() > endTime) {
      return;
    }
  }
}

function collectAnswers() {
  // 获取所有的按钮
  var buttons = document.querySelectorAll(".exercises-buttons button");

  // 创建一个新的 'click' 事件
  var event = new MouseEvent("click", {
    bubbles: true,
    cancelable: true,
    view: window,
  });

  var typeList = ["单选题", "多选题", "判断题", "填空题", "程序填空", "编程题"];
  var answerLetters = ["A", "B", "C", "D", "E", "F", "G", "H", "I", "J"];

  answers = [];

  function download(data) {
    // 将对象转换为 JSON 字符串
    var json = JSON.stringify(data, null, 4);
    // 创建一个新的 Blob 对象来存储这个字符串
    var blob = new Blob([json], { type: "application/json" });

    // 创建一个指向这个 Blob 的 URL
    var url = URL.createObjectURL(blob);

    // 创建一个新的 <a> 元素
    var a = document.createElement("a");

    // 设置它的 href 属性为这个 URL
    a.href = url;

    // 设置它的 download 属性为你想要的文件名
    a.download = "answers.json";

    // 触发这个 <a> 元素的 click 事件来下载这个文件
    a.click();
  }

  // 使用递归函数来循环点击按钮
  function clickButton(index) {
    // 如果 index 大于等于按钮的数量，就返回
    if (index >= buttons.length) {
      // 下载文件
      download(answers);
      return;
    }

    var button = buttons[index];

    // 分派事件
    button.dispatchEvent(event);

    // 使用 setTimeout 来实现延时
    setTimeout(async function () {
      // 获取 题目类型
      var typeElement = document.querySelector(".exercise-type-name");
      var type = typeElement.textContent;

      switch (type) {
        case "单选题":
          var inputs = document.querySelectorAll(".choice-options-list input");
          var answer_index = -1;
          // 遍历所有 input 元素
          inputs.forEach(function (input, index) {
            // 如果 input 元素被选中
            if (input.checked) {
              // 将 input 元素的编号添加到数组中
              answer_index = index;
            }
          });
          // 获取题目
          var rich_content = document.querySelectorAll(".rich-content");
          question_content = rich_content[0].textContent;
          // 获取选项
          if (answer_index != -1) {
            var letter = answerLetters[answer_index];
            var options = rich_content[answer_index + 1].textContent;
          } else {
            var letter = "无答案";
            var options = "";
          }
          answers.push({
            type: type,
            answers: { question_content, letter, options },
          });
          break;

        case "多选题":
          var inputs = document.querySelectorAll(".choice-options-list input");
          var answer_index = [];
          // 遍历所有 input 元素
          inputs.forEach(function (input, index) {
            // 如果 input 元素被选中
            if (input.checked) {
              // 将 input 元素的编号添加到数组中
              answer_index.push(index);
            }
          });
          // 获取题目
          var rich_content = document.querySelectorAll(".rich-content");
          question_content = rich_content[0].textContent;
          // 获取选项
          if (answer_index.length != 0) {
            var letter = [];
            var options = [];
            answer_index.forEach(function (index) {
              letter.push(answerLetters[index]);
              options.push(rich_content[index + 1].textContent);
            });
          } else {
            var letter = "无答案";
            var options = "";
          }
          answers.push({
            type: type,
            answers: { question_content, letter, options },
          });
          break;
        case "判断题":
          var inputs = document.querySelectorAll(".choice-options-list input");
          var answer_index = -1;
          // 遍历所有 input 元素
          inputs.forEach(function (input, index) {
            // 如果 input 元素被选中
            if (input.checked) {
              answer_index = index;
            }
          });
          // 获取题目
          var rich_content = document.querySelectorAll(".rich-content");
          question_content = rich_content[0].textContent;
          // 获取选项
          if (answer_index != -1) {
            var letter = answerLetters[answer_index];
            var options = rich_content[answer_index + 1].textContent;
          } else {
            var letter = "无答案";
            var options = "";
          }
          answers.push({
            type: type,
            answers: { question_content, letter, options },
          });
          break;
        case "填空题":
          var inputs = document.querySelectorAll(".blank");
          var blanks = [];
          // 遍历所有 input 元素
          inputs.forEach(function (input, index) {
            blanks.push(input.value);
          });
          // 获取题目
          var rich_content = document.querySelectorAll(".rich-content");
          question_content = rich_content[0].textContent;

          answers.push({ type: type, answers: blanks });
          break;
        case "程序填空":
          var inputs = document.querySelectorAll(".blank");
          var blanks = [];
          // 遍历所有 input 元素
          inputs.forEach(function (input, index) {
            blanks.push(input.value);
          });
          // 获取题目
          var rich_content = document.querySelectorAll(".rich-content");
          question_content = rich_content[0].textContent;

          answers.push({ type: type, answers: blanks });
          break;
        case "编程题":
          // 获取题目
          var rich_content = document.querySelectorAll(".rich-content");
          question_content = rich_content[0].textContent;

          // 获取有几部分代码
          codes = [];
          // 获取CodeMirror实例
          var codeMirrorElement = document.querySelector(".CodeMirror");
          var codeMirrorInstance = codeMirrorElement.CodeMirror;

          // 获取所有 class 为 .el-tabs__item 的元素
          var tabs = document.querySelectorAll(".el-tabs__item");
          //   遍历所有元素
          async function getValue(index) {
            if (index >= tabs.length) {
              return;
            }
            var tab = tabs[index];
            tab.click();
            await new Promise((resolve) => setTimeout(resolve, 500));
            // 如果元素的 id 不为 tab-console 和 tab-exercise
            if (tab.id !== "tab-console" && tab.id !== "tab-exercise") {
              // 获取元素的文本内容
              // 点击元素
              // 获取当前标签页的代码
              var content = codeMirrorInstance.getValue();
              codes.push({ file: tab.textContent, content: content });
            }
            await getValue(index + 1);
          }
          await getValue(0);
          answers.push({ type: type, answers: codes });
          break;
      }
      clickButton(index + 1);
    }, 1000);
  }

  clickButton(0);
}

async function fillAnswers() {
  lettersIndex = { A: 0, B: 1, C: 2, D: 3, E: 4, F: 5, G: 6, H: 7, I: 8, J: 9 };

  // 获取当前选中的按钮
  var button = document.querySelector(".exercise-nav-btn.current");
  // 获取按钮的索引
  var index = parseInt(button.textContent) - 1;
  // 获取答案
  var answer = answerJson[index];

  // 创建一个新的事件
  var inputEvent = new Event("input", {
    bubbles: true,
    cancelable: true,
  });

  // 根据题目类型填写答案
  switch (answer.type) {
    case "单选题":
      var inputs = document.querySelectorAll(".choice-options-list input");

      // 取消之前所有的选择
      inputs.forEach(function (input) {
        input.checked = false;
      });

      var answer_index = lettersIndex[answer.answers.letter];
      inputs[answer_index].click();
      break;
    case "多选题":
      var inputs = document.querySelectorAll(".choice-options-list input");

      // 取消之前所有的选择  这里因为可能点多下，所以更改了支持异步操作的for of并添加了等待，避免操作过快
      for (let input of inputs) {
        if (input.checked) {
          input.click();
          // 等待 500 毫秒
          await new Promise((resolve) => setTimeout(resolve, 500));
        }
      }

      for (let letter of answer.answers.letter) {
        var answer_index = lettersIndex[letter];
        inputs[answer_index].click();
        // 等待 500 毫秒
        await new Promise((resolve) => setTimeout(resolve, 500));
      }
      break;
    case "判断题":
      var inputs = document.querySelectorAll(".choice-options-list input");

      // 取消之前所有的选择
      inputs.forEach(function (input) {
        if (input.checked) {
          input.click();
        }
      });

      var answer_index = lettersIndex[answer.answers.letter];
      inputs[answer_index].click();
      break;
    case "填空题":
      var inputs = document.querySelectorAll(".blank");
      inputs.forEach(function (input, index) {
        // 触发事件
        input.value = answer.answers[index];
        input.dispatchEvent(inputEvent);
      });
      break;
    case "程序填空":
      var inputs = document.querySelectorAll(".blank");
      inputs.forEach(function (input, index) {
        // 触发事件
        input.value = answer.answers[index];
        input.dispatchEvent(inputEvent);
      });
      break;
    case "编程题":
      // 获取CodeMirror实例
      var codeMirrorElement = document.querySelector(".CodeMirror");
      var codeMirrorInstance = codeMirrorElement.CodeMirror;

      var tabs = document.querySelectorAll(".el-tabs__item");

      async function chnageValue(index) {
        if (index >= tabs.length) {
          // 下载文件
          return;
        }
        var tab = tabs[index];
        tab.click();
        await new Promise((resolve) => setTimeout(resolve, 500));
        if (tab.id !== "tab-console" && tab.id !== "tab-exercise") {
          // 点击元素
          tab.click();
          // 填写代码
          // 遍历答案
          answer.answers.forEach(function (code) {
            if (tab.textContent === code.file) {
              codeMirrorInstance.setValue(code.content);
            }
          });
        }
        await chnageValue(index + 1);
        // setTimeout(function () {
        //   if (tab.id !== "tab-console" && tab.id !== "tab-exercise") {
        //     // 点击元素
        //     tab.click();
        //     // 填写代码
        //     // 遍历答案
        //     answer.answers.forEach(function (code) {
        //       if (tab.textContent === code.file) {
        //         codeMirrorInstance.setValue(code.content);
        //       }
        //     });
        //   }
        //   chnageValue(index + 1);
        // }, 500);
      }
      await chnageValue(0);
      break;
  }
}

function submit() {
  // 获取所有的按钮
  var buttons = Array.from(document.querySelectorAll("button"));
  // 过滤出文本为 "提交" 的按钮
  var submitButtons = buttons.filter(function (button) {
    return button.textContent.trim() === "提交";
  });
  var submitButton = submitButtons[0];
  submitButton.click();
}

// 当文档加载完毕时
window.onload = function () {
  // 定义一个变量来存储答案的 JSON 对象
  answerJson = null;

  // 创建一个新的 div 元素作为面板
  var panel = document.createElement("div");

  // 设置面板的 CSS 属性，使其位于屏幕的正中间
  panel.style.position = "fixed";
  panel.style.top = "50%";
  panel.style.left = "50%";
  panel.style.transform = "translate(-50%, -50%)";
  panel.style.zIndex = "9999";
  panel.style.backgroundColor = "#f8f9fa";
  panel.style.padding = "20px";
  panel.style.borderRadius = "5px";
  panel.style.boxShadow = "0 0 10px rgba(0,0,0,0.15)";

  // 按钮css

  // 创建一个新的按钮元素
  var button = document.createElement("button");
  // 设置按钮的文本内容为 "导出答案"
  button.textContent = "导出答案";
  // 为按钮添加点击事件监听器
  button.addEventListener("click", function () {
    // 在这里执行你的下载操作
    // 例如，你可以调用一个函数来下载一个文件
    collectAnswers();
  });

  button.style.backgroundColor = "#f44336"; // Green
  button.style.border = "none";
  button.style.color = "white";
  button.style.padding = "10px 12px";
  button.style.textAlign = "center";
  button.style.textDecoration = "none";
  button.style.display = "inline-block";
  button.style.fontSize = "16px";
  button.style.margin = "4px 2px";
  button.style.cursor = "pointer";
  button.style.borderRadius = "4px";

  // 将按钮添加到面板中
  panel.appendChild(button);

  // 创建一个新的 input 元素
  var fileInput = document.createElement("input");
  // 设置 input 的 type 属性为 "file"
  fileInput.type = "file";
  // 为 input 添加 change 事件监听器
  fileInput.addEventListener("change", function () {
    // 获取用户选择的文件
    var file = fileInput.files[0];
    // 创建一个新的 FileReader 对象
    var reader = new FileReader();
    // 为 FileReader 添加 load 事件监听器
    reader.addEventListener("load", function () {
      // 获取文件的文本内容
      var text = reader.result;
      // 解析 JSON
      answerJson = JSON.parse(text);

      // 恢复按钮的状态
      //   submitButton.disabled = false;
      //   fillButton.disabled = false;

      alert("成功导入答案！");
      // 在这里处理解析后的 JSON 对象
      console.log(answerJson);
    });
    // 读取文件的文本内容
    reader.readAsText(file);
  });

  // 创建一个新的按钮元素
  var importButton = document.createElement("button");
  // 设置按钮的文本内容为 "导入答案"
  importButton.textContent = "导入答案";
  // 为按钮添加点击事件监听器
  importButton.addEventListener("click", function () {
    // 触发 input 的 click 事件，弹出文件选择对话框
    fileInput.click();
  });

  importButton.style.backgroundColor = "#4CAF50"; // Green
  importButton.style.border = "none";
  importButton.style.color = "white";
  importButton.style.padding = "10px 12px";
  importButton.style.textAlign = "center";
  importButton.style.textDecoration = "none";
  importButton.style.display = "inline-block";
  importButton.style.fontSize = "16px";
  importButton.style.margin = "4px 2px";
  importButton.style.cursor = "pointer";
  importButton.style.borderRadius = "4px";

  panel.appendChild(importButton);

  // 创建一个新的按钮元素
  var submitButton = document.createElement("button");
  // 设置按钮的文本内容为 "填写并提交"
  submitButton.textContent = "填写并提交";
  // 为按钮添加点击事件监听器
  submitButton.addEventListener("click", async function () {
    // 在这里执行你的填写并提交操作
    // 检查 answerJson 是否已经被定义
    if (answerJson === null || answerJson === undefined) {
      // 如果没有，弹出一个对话框，提示用户需要先导入答案
      alert("请先导入答案！");
      fileInput.click();
    } else {
      // 如果已经被定义，你可以在这里使用 answerJson
      await fillAnswers();
      submit();
    }
  });

  submitButton.style.backgroundColor = "#008CBA"; // Green
  submitButton.style.border = "none";
  submitButton.style.color = "white";
  submitButton.style.padding = "10px 12px";
  submitButton.style.textAlign = "center";
  submitButton.style.textDecoration = "none";
  submitButton.style.display = "inline-block";
  submitButton.style.fontSize = "16px";
  submitButton.style.margin = "4px 2px";
  submitButton.style.cursor = "pointer";
  submitButton.style.borderRadius = "4px";

  panel.appendChild(submitButton);

  // 创建一个新的按钮元素
  var fillButton = document.createElement("button");
  // 设置按钮的文本内容为 "填写并提交"
  fillButton.textContent = "填写答案";
  // 为按钮添加点击事件监听器
  fillButton.addEventListener("click", async function () {
    // 在这里执行你的填写并提交操作
    if (answerJson === null || answerJson === undefined) {
      // 如果没有，弹出一个对话框，提示用户需要先导入答案
      alert("请先导入答案！");
      fileInput.click();
    } else {
      // 如果已经被定义，你可以在这里使用 answerJson
      await fillAnswers();
    }
  });

  fillButton.style.backgroundColor = "#800080"; // Green
  fillButton.style.border = "none";
  fillButton.style.color = "white";
  fillButton.style.padding = "10px 12px";
  fillButton.style.textAlign = "center";
  fillButton.style.textDecoration = "none";
  fillButton.style.display = "inline-block";
  fillButton.style.fontSize = "16px";
  fillButton.style.margin = "4px 2px";
  fillButton.style.cursor = "pointer";
  fillButton.style.borderRadius = "4px";

  panel.appendChild(fillButton);

  // 禁用按钮
  //   submitButton.disabled = true;
  //   fillButton.disabled = true;

  // 将面板添加到文档的 body 中
  document.body.appendChild(panel);

  // 使面板可拖动
  var mouseDown = false;
  var offsetX = 0;
  var offsetY = 0;

  panel.addEventListener("mousedown", function (event) {
    mouseDown = true;
    offsetX = event.clientX - panel.offsetLeft;
    offsetY = event.clientY - panel.offsetTop;
  });

  window.addEventListener("mousemove", function (event) {
    if (mouseDown) {
      panel.style.left = event.clientX - offsetX + "px";
      panel.style.top = event.clientY - offsetY + "px";
    }
  });

  window.addEventListener("mouseup", function () {
    mouseDown = false;
  });
};
欢迎访问Greasy Fork镜像
