mock-examer.js

"use strict";
let questions;
let shuffle_index;
let current_index = {random: 0, sequential: 0};
let current_mode;
let order = "random";
let radio_required = true;
let history;
try {
    history = JSON.parse(localStorage.history);
} catch (e) {
    console.log(e);
    history = {};
}

function to_capital_letter(c) {
    if (c >= "1" && c <= "9")
        return "-ABCDEFGHI"[parseInt(c)];
    if (c >= "a" && c <= "z")
        return c.toUpperCase();
    return c;
}

function import_questions() {
    questions = JSON.parse(document.getElementById("questions").value);
    for (let question of questions)
        question[1] = to_capital_letter(question[1]);
    shuffle_index = Array.from({length: questions.length}, (_, i) => i);
    shuffle(shuffle_index);
    current_index.random = current_index.sequential = 0;
    settings.count.max = questions.length;
    document.getElementById("import").innerHTML = "导入成功";
    setTimeout(_ => document.getElementById("import").innerHTML = "导入题库", 3000);
}

function shuffle(array) {
    for (let i = array.length - 1; i > 0; i--) {
        let j = Math.floor(Math.random() * (i + 1));
        [array[i], array[j]] = [array[j], array[i]];
    }
}

function generate_question_content(question, index) {
    let content = "";
    const multi = question[1].length > 1;
    content += `<div id="${index}" class="question ${multi ? "multi" : "single"}" data-answer="${question[1]}">${question[0]}<span class="hide-answer">【答案：${question[1]}】</span></div>`;
    content += '<div>';
    for (let opt = 0; opt < question[2].length; opt++)
        content += `<div class="option"><label><input type="${multi ? "checkbox" : "radio"}" name="opt_for_${index}" value="${to_capital_letter(opt + 1)}" ${multi ? "" : (radio_required ? "required" : "")}>${question[2][opt]}</label></div>`;
    content += '</div>';
    return content;
}

function get_next_question() {
    const question = questions[order === "random" ? shuffle_index[current_index.random] : current_index.sequential];
    current_index[order]++;
    settings.question_order[0].parentElement.title = current_index.random + "/" + shuffle_index.length;
    settings.question_order[1].parentElement.title = current_index.sequential + "/" + shuffle_index.length;
    if (current_index[order] === shuffle_index.length) {
        current_index[order] = 0;
        if (order === "random" && current_mode === "endless")
            shuffle(shuffle_index);
    }
    return question;
}

function random_questions(count) {
    let selected_questions = [];
    for (let i = 0; i < count; i++)
        selected_questions.push(get_next_question());
    let content = "";
    for (let i = 0; i < count; i++)
        content += generate_question_content(selected_questions[i], i);
    document.getElementById("exam-content").innerHTML = content;
    document.getElementById("exam-content").dataset.count = count;
    document.getElementById("submit").disabled = false;
}

function endless_next_question() {
    const question = get_next_question();
    const new_question_index = document.getElementById("exam-content").dataset.count;
    let content = generate_question_content(question, new_question_index);
    document.getElementById("exam-content").insertAdjacentHTML("beforeend", content);
    document.getElementById("exam-content").dataset.count++;
    localStorage.endless_status = document.getElementById("exam-content").innerHTML;
}

function check_answer() {
    if (current_mode !== "endless")
        document.getElementById("submit").disabled = true;
    let i;
    if (current_mode === "endless")
        i = document.getElementById("exam-content").dataset.count - 1;
    else
        i = 0;
    for (; i < document.getElementById("exam-content").dataset.count; i++) {
        const question_element = document.getElementById(i.toString());
        const answer = question_element.dataset.answer;
        // question_element.innerHTML += `【答案：${answer}】`;
        const options_element = exam["opt_for_" + i.toString()];
        const user_answer = Array.from(Array.from(options_element).filter(v => v.checked), v => v.value).join("");
        if (user_answer === answer)
            question_element.className += " correct";
        else
            question_element.className += " incorrect";
        for (let i = 0; i < options_element.length; i++) {
            options_element[i].disabled = true;
            if (options_element[i].checked && !answer.includes(options_element[i].value))
                options_element[i].parentElement.parentElement.className = "option incorrect";
            if (answer.includes(options_element[i].value))
                options_element[i].parentElement.parentElement.className = "option correct";
            // 给用户已选的选项加上checked属性，以便在历史记录中还原用户的选择
            if (options_element[i].checked)
                options_element[i].setAttribute("checked", "");
        }
    }
    // 在每一局无尽模式中，每次提交只保留最后一次提交的历史记录
    if (current_mode === "endless" && parseInt(document.getElementById("exam-content").dataset.count) > 1)
        if (Object.keys(history).length !== 0)
            delete history[Object.keys(history)[Object.keys(history).length - 1]];
    history[Date.now()] = document.getElementById("exam-content").innerHTML;
    localStorage.history = JSON.stringify(history);
    if (current_mode !== "free")
        document.getElementById("exam-result").innerHTML
            = `正确率：${document.querySelectorAll(".question.correct").length}/${document.getElementById("exam-content").dataset.count}`;
    if (current_mode === "endless")
        endless_next_question();
}

function toggle_count() {
    settings.count.disabled = settings.mode.value !== "classic";
}

function toggle_radio_required() {
    radio_required = settings.radio_required.value === "yes";
    let radios = document.getElementById("exam-content").querySelectorAll('input[type="radio"]');
    if (radio_required) {
        for (let radio of radios)
            radio.setAttribute("required", "");
    } else {
        for (let radio of radios)
            radio.removeAttribute("required");
    }
}

function toggle_question_order() {
    order = settings.question_order.value;
}

function start() {
    current_mode = settings.mode.value;
    document.getElementById("exam-content").className = current_mode;
    document.getElementById("exam-result").innerHTML = "";
    switch (current_mode) {
        case "free":
            random_questions(1);
            break;
        case "classic":
            random_questions(settings.count.valueAsNumber);
            break;
        case "endless":
            let continue_endless_progress;
            if (localStorage.endless_status)
                continue_endless_progress = confirm("发现有进行中的无尽模式答题记录，是否继续上次的进度？\n确定：继续上次的进度\n取消：开始一局新的无尽模式");
            if (localStorage.endless_status && continue_endless_progress) {
                document.getElementById("exam-content").innerHTML = localStorage.endless_status;
                document.getElementById("exam-content").dataset.count = document.querySelectorAll(".question").length.toString();
                document.getElementById("exam-result").innerHTML
                    = `正确率：${document.querySelectorAll(".question.correct").length}/${parseInt(document.getElementById("exam-content").dataset.count) - 1}`;
                toggle_radio_required();
            } else {
                random_questions(1);
            }
            break;
    }
    document.getElementById("submit").disabled = false;
}

function endless_restart() {
    if (confirm("确定要重新开始无尽模式吗？\n当前进度将丢失")) {
        random_questions(1);
        document.getElementById("exam-result").innerHTML = "";
    }
}