.length; const current = clamp(step, 0, total); const progressPct = Math.round((current / total) * 100); root.innerHTML = `

简易 MBTI 测试（10题）

${current}/${total}

`; const body = root.querySelector(".mbti-body"); if (!body) return; // 结果页面 if (step >= total) { const type = computeType(); const desc = summaryForType(type); const ei = percentForTrait("E", "I"); const sn = percentForTrait("S", "N"); const tf = percentForTrait("T", "F"); const jp = percentForTrait("J", "P"); // 在此处自动触发一次完成回调（如果需要自动保存数据） // finish(true); // silent finish body.innerHTML = `

你的结果

${type}

${desc}

${metricHTML("外向 E / 内向 I", ei, "E", "I")} ${metricHTML("感觉 S / 直觉 N", sn, "S", "N")} ${metricHTML("思考 T / 情感 F", tf, "T", "F")} ${metricHTML("判断 J / 知觉 P", jp, "J", "P")}

提示：这是简化版，仅供娱乐参考。

快捷键：R 重测

`; wireResultButtons(); return; } // 问题页面 const q = QUESTIONS[step]; body.innerHTML = `

${escapeHTML(q.prompt)}

快捷键：A / B

返回上一题：←

`; wireQuestionButtons(); } function metricHTML(title, pctLeft, leftKey, rightKey) { const pct = clamp(pctLeft, 0, 100); return `

${escapeHTML(title)}

${leftKey}：${pct}%

${rightKey}：${100 - pct}%

`; } function escapeHTML(s) { return String(s) .replaceAll("&", "&") .replaceAll("<", "<") .replaceAll(">", ">") .replaceAll('"', """) .replaceAll("'", "'"); } function applyAnswer(questionIndex, side) { const q = QUESTIONS[questionIndex]; const trait = side === "left" ? q.left.trait : q.right.trait; scores[trait] += 1; } function rollbackAnswer(questionIndex, side) { const q = QUESTIONS[questionIndex];

小游戏 2025/12/25 16:04:21